/*

	ASSOCIATION REGIONALE DU SPORT 
	ETUDIANT DE L'OUTAOUAIS -
	SUB | VERSION 1.0
	
	-----------------------------------------
	//Simple Branch - 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
---------------------------------------------------------------------- */



/* 3.BANNER
---------------------------------------------------------------------- */
div#banner {
	height:200px;
	background:#1e9afc url(../images/bg-banner3.jpg) top center no-repeat;
}

div#banner div#placeholder {
	background:url(../images/slide1.png);height:200px;
}


/* 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#content div#sidebar h1 {
	padding:0 17px;padding-left:75px;
	display:table-cell;vertical-align:middle;
	background:url(../images/icon-runner.jpg) left center no-repeat;
}

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

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

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

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#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;}


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



div#content {clear:both;float:left;background:transparent url(../images/bg_tabs3.png) top center no-repeat;margin-top:-142px;padding-bottom:0;z-index:300;position:relative;}
div#content div.bg {background:#0c2328;margin-top:142px;float:left;width:100%;}
div#content .wrapr * {color:#859ba0;}
div#content .wrapr {
	position:relative;
	margin:0 auto;
	width:930px;
}

div#content .inner {float:left;width:520px;padding-bottom:210px;}
body.tournois div#content .inner {background:0;}

div#content .wrapr h1 {
	padding-top:15px;padding-bottom:0;width:520px;margin-bottom:35px;
}

div#content .wrapr h1,
div#content .wrapr h1 * {
	color:#fff;
	font-size:60px;font-weight:normal;font-style:italic;
	font-family:"Times New Roman", Times, serif;
}/*-->*/div#content .wrapr h1 strong {font-weight:bold;}

div#content .wrapr h1 span {
	width:520px;margin-bottom:55px;
	display:block;float:left;
}

div#content .wrapr h2,
div#content .wrapr h3 {
	margin-top:30px;margin-bottom:20px;
	width:520px;border-top:1px dotted #295c63;padding-top:30px;
	font-family:"Times New Roman", Times, serif;font-size:30px;
	font-style:italic;font-weight:normal;color:#c62b3f;
}

div#content h2.title {padding:0;margin:0;position:absolute;text-indent:-999em;width:100px;height:100px;background:red;border:0;}
div#content h2.title.iso {width:175px;height:174px;background:url(../images/slidetitle_soyez-iso-actif.png);top:-170px;right:80px;}


div#content .wrapr h1.alt {background:0;margin-bottom:55px;border-bottom:1px dotted #295c63;padding-bottom:40px;width:570px;}
div#content .wrapr h1 {line-height:60px;}
div#content .wrapr h2.alt {border-top:0;margin-top:0;width:auto;padding-top:0;}
div#content .wrapr h3 {color:#2b91c6;}
div#content .wrapr p {line-height:22px;margin:20px 0;}
div#content .wrapr img.right {float:right;margin-left:25px;margin-bottom:15px;}
div#content .wrapr img.left {float:left;margin-right:25px;margin-bottom:15px;}
div#content strong.alt {text-decoration:underline;}
div#content ul#banane {margin-left:25px;list-style:none;}
div#content ul#banane li {background:url(../images/icon-banana.gif) left center no-repeat;padding:5px 0 5px 20px;color:#f2efad;}

div#content ol#temp {margin-left:20px;list-style-position:inside;clear:both;}
div#content ol#temp li {margin-bottom:10px;font-weight:bold;padding:5px 30px 5px 15px;width:485px;color:#fff;}
div#content ol#temp li.alt {background:url(../images/opaque-bg.png);_background:#08171a;}
div#content ol#temp li a {color:#218dbe;font-family:"Times New Roman", Times, serif;font-size:14px;font-style:italic;font-weight:normal;}
div#content ol#temp ul {margin:10px 0 10px 25px;}
div#content ol#temp ul li {color:#607479;font-style:italic;font-weight:normal;margin-bottom:0;}

div#content ol#temp ul.img {margin:10px 0;margin-left:-30px;}
div#content ol#temp ul li.img {list-style:none;float:left;width:170px;margin:0;}
div#content ol#temp ul li.img a {outline:none;width:170px;min-height:10em;display:block;padding:7px;background:#08171a;float:left;}
div#content ol#temp ul li.img a img {float:left;}
div#content ol#temp ul li.img a em {float:left;clear:both;color:#218dbe;margin-top:10px;}

/*
golf
--*/
div#content div.golf {position:relative;}
div#content div.golf img {position:absolute;bottom:0;right:0;}
div#content div.golf h4 {margin-bottom:20px;}
div#content div.golf ul {list-style-position:inside;}
div#content div.golf p strong {letter-spacing:1px;}

div#content div.golf p,
div#content div.golf ul,
div#content div.golf h4 {padding-right:300px;width:auto;}



/* 5.SIDEBAR
---------------------------------------------------------------------- */
div#content div#sidebar {
	margin-bottom:40px;
	padding-left:15px;
	float:right;width:345px;
	margin-left:30px;
	overflow:hidden;
	
}/*-->*/div#content div#sidebar h3 {border:0;padding-top:0;}

/*RESOURCES
---------*/
div#content div#sidebar h4 a {
	margin:0 0 0 21px;
	outline:0;
	text-indent:-999em;
	clear:both;
	display:block;
	float:left;
	background-repeat:no-repeat;
	background-image:url(../images/sidebar-elements.png);
}

div#content div#sidebar h4 a:hover {opacity:0.6;/*ie->*/-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60);}
div#content div#sidebar .de_facto a {width:303px;height:78px;background-position:top left;}
div#content div#sidebar .stats a {width:324px;height:73px;background-position:0 -78px;margin:7px 0 0 0;}
div#content div#sidebar .tv a {width:303px;height:58px;background-position:0 -152px;}
div#content div#sidebar .trajet a {width:324px;height:72px;background-position:0 -212px;margin:4px 0 3px 21px;}
div#content div#sidebar .golf a {width:324px;height:77px;background-position:0 -284px;margin-left:0;}


/* 6.NAVIGATION
---------------------------------------------------------------------- */
div#content div#sidebar ul#tertiarynav {
	margin-bottom:30px;*margin-bottom:0;float:left;
}

div#content div#sidebar ul#tertiarynav li {list-style:none;display:inline;}
div#content div#sidebar ul#tertiarynav li a {
	outline:0;
	display:block;float:left;
	clear:both;width:345px;height:52px;
	text-indent:-1000em;
	background-repeat:no-repeat;
	background-position:top left;
}/*-->*/div#content div#sidebar ul#tertiarynav li a.active {background-position:top right;height:82px;}

div#content div#sidebar ul#tertiarynav li a.programs {background-image:url(../images/btn-vie_active.jpg);}
div#content div#sidebar ul#tertiarynav li a.primary {background-image:url(../images/btn-primary.jpg);}
div#content div#sidebar ul#tertiarynav li a.secondary {background-image:url(../images/btn-secondary.jpg);}

/*STATIC / ACTIVE LISTING
-----------------------*/

div#content div#sidebar ul#tertiarynav ol {
	background-repeat:no-repeat;
	background-position:bottom center;
	background-color:transparent;
	padding:0 0 55px 0;float:left;
	display:block;list-style:none;
}

/*TAB1
----*/
body.programmes div#content div#sidebar ul#tertiarynav ol {background-image:url(../images/tab01_bottom.gif);}
body.programmes div#content div#sidebar ul#tertiarynav ol li {background:#ef3c24;}

/*TAB2
----*/
body.primaire div#content div#sidebar ul#tertiarynav ol {background-image:url(../images/tab02_bottom.gif);}
body.primaire div#content div#sidebar ul#tertiarynav ol li {background:#eab70c;}

/*TAB3
----*/
body.secondaire div#content div#sidebar ul#tertiarynav ol {background-image:url(../images/tab03_bottom.gif);}
body.secondaire div#content div#sidebar ul#tertiarynav ol li {background:#a0c716;}


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

div#content div#sidebar ul#tertiarynav ol li span.active a,
div#content div#sidebar ul#tertiarynav ol li span.active a:hover {
	background:#0c3640 url(../images/icon-checkmark02.gif) 10px 55% no-repeat;
	height:auto;padding:12px 10px 12px 28px;cursor:default;
	width:269px;color:#fff;text-decoration:underline;
}


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

div#content div#sidebar ul#tertiarynav ol li a {
	text-indent:0;height:auto;
	padding:7px 10px;width:287px;
	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;
}/*-->*/div#content div#sidebar ul#tertiarynav ol li a:hover {height:auto;}

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




/*
NEWS &
EVENTS
_
*/
#sidebar .news {clear:both;width:345px;float:left;margin:20px 0;}
.news h2, 
.news h5 {font-family:"Times New Roman", Times, serif;font-style:italic;text-shadow:1px 1px 0 #000;font-weight:normal;}
.news h2 {color:#eab70c!important;border:0!important;font-size:38px;line-height:32px;width:auto!important;padding:7px 0 7px 60px!important;margin-top:0!important;}
.news .icon {background:left center no-repeat;}
.news .icon.news {background-image:url(../images/icon_news-events.png);padding:0 0 0 60px;}
.news .icon.camera {background-image:url(../images/icon_camera.png);padding:0 0 0 50px;}


.news .column {float:left;}
.column.small {width:330px;padding:0 30px 0 0;margin:0 30px 0 0;background:url(../images/border_double.png) top right repeat-y;}
.news .column.gallery {}

.news h5 {color:#fff!important;font-size:18px;line-height:24px;margin:25px 0 15px 0;}
.news h5 #arrow {background:url(../images/icon_arrow.gif);width:14px;height:9px;display:inline-block;margin:0 5px 0 0;}
.news h5 #date {float:left;background:url(../images/icon_datepad.png) no-repeat;font-style:normal;font-size:10px;text-align:center;width:29px;padding:3.5% 0;margin:10px 15px 0 0;color:#fff;}

.news p {color:#fff!important;text-shadow:1px 1px 0 #000;line-height:24px;}