/*
THEME NAME: Conseillers Desjardins
VERSION: 1.0
Theme URI: http://www.one2crow.com
Description: Widgetized, two column theme...
*/
/* ---------------------------------------------------------------------------------------------

	* Filename:				default.css
	* Description:			Glocal CSS
	* Version: 				1.0
	* Website:				Desjardins
	* Author: 				mook@one2crowd.com
	
=== Structure ==================================================================================

	* Page width:			960px
	* Number of columns:	2
	
--------------------------------------------------------------------------------------------- */

/* CSS Reset ================================================================================= */
#sharethis_0{z-index:1000;position:relative;}
* { margin:0; padding:0; }

body {  font:11px Tahoma, Arial, Helvetica, sans-serif; text-align:left; color:#494235; }

a { text-decoration:none; color: #018c53; }
a:hover { text-decoration:underline; }
a img { border:0;}

/* Heading */
h1, h2, h3, h4, h5, h6, .head { margin-bottom:.4em; line-height:1.3em; font-family: Georgia, serif; color:#494235; }
h1 { font-size:2em; line-height:1.17; }
h2 { font-size:1.5em; }
h3 { font-size: 18px; font-weight: normal; padding-top: 10px; }
h4 { font-size:1.05em; }
h5 { font-size:1.05em; }
h6 { font-size:.95em; }

/* Forms */
form          { display:inline; }
fieldset      { border:0; }
legend        { display:none; }

/* Table */
table         { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

/* Content */
address       { font-style:normal; }
cite          { font-style:normal; }
q,
blockquote    { quotes:none; }
q:before, 
q:after       { content:''; }
small,big     { font-size:1em; }
sup           { font-size:1em; vertical-align:top; }

/* Lists */
ul,ol         { list-style:none; }

/* Structure ================================================================================= */

body {
	margin: 0;
	background: url('/wp-content/uploads/2009/12/bg_site.gif') repeat-x left top #e2ddcb;
}

#body-bg {
	width: 962px;
	margin: -10px auto 0 auto;
position:relative;
z-index:2;
}
	


/* Header ==================================================================================== */
#headerNoel{
	position:absolute;
	top:0; left:0;
z-index:1;
	width:100%; height:500px;
	background: url('/wp-content/uploads/2009/12/img_bg_noel.gif') center top no-repeat;
}
#header { 
	background: url('images/header-logo.jpg') no-repeat left 102%; 
	width: 962px;
	height: 215px;
	margin: 0 auto;
}

#header #top-links {
	width: 100%;
	height: 20px;
	float: left;
	font-size: 9px;
	color: #8d8680;
	padding-top: 7px;
	text-align: right;
	z-index: 999;
}

#header #top-links li { display: inline; }

#header #top-links li a { padding: 0 7px; }

#header #top-links li.green-link a:link,
#header #top-links li.green-link a:visited { color: #018c53; }

#header #top-links li.black-link a:link,
#header #top-links li.black-link a:visited { color: #000; }


/* Navigation ================================================================================ */

#navigation {
	width: 900px;
	height: 49px;
	/*position: relative;*/
	padding: 168px 0 0 25px;
	*padding: 141px 0 0 25px;
}
html>body #navigation {
	height: 50px;
}
#navigation ul {
	overflow: hidden;
}
#navigation ul li {
	width: 100px;
	float: left; 
	text-align: center;
	/*background: url('images/button_off.gif') no-repeat left top;*/
}

/*#navigation ul li span {
	background: url('images/button_offCAP.gif') no-repeat right top;
}*/

#navigation li a:link, #navigation li a:active, #navigation li a:visited {
	font-family: Georgia, serif;
	font-size: 12px;
	color: #494235;
	background: url('images/nav-tab-2.gif') no-repeat center 3px;
 	height: 32px;
 	width: 100px;
 	line-height: 1.2em;
 	margin: 0;
 	display: block;
 	text-align: center;
 	text-decoration: none; 
 	padding-top: 15px;
}
html>body #navigation li a:link, #navigation li a:active, #navigation li a:visited {
	background: url('images/nav-tab-1.png') no-repeat center 3px;
}
#navigation li a:hover, #navigation li.active a:link, #navigation li.active a:visited, #navigation li.current_page_item a:link, #navigation li.current_page_item a:visited {
 	font-family: Georgia, serif;
	font-size: 12px;
	color: #018c53;
	font-weight: bold;
	background: url('images/nav-tab-2.gif') no-repeat center 100%;
 	background-position: 0 -50px;
	height: 32px;
 	width: 100px;
 	line-height: 1.2em;
 	margin: 0;
 	display: block;
 	text-align: center;
 	text-decoration: none;  
 	padding-top: 15px;
}
html>body #navigation li a:hover, html>body #navigation li.active a:link, html>body #navigation li.active a:visited, html>body #navigation li.current_page_item a:link, html>body #navigation li.current_page_item a:visited {
	background: url('images/nav-tab-1.png') no-repeat center 100%;
}

/* Content ================================================================================ */

#content {
	clear: both;
	display: block;
	width: 962px;
	margin: -2px auto 0 auto;
	background-color: #f7f5ef; 
	overflow: hidden;
}

html>body #content {
	clear: both;
	display: block;
	width: 962px;
	margin: 0 auto;
	background-color: #f7f5ef; 
	overflow: hidden;
}

#main-content-left {
	width: 610px;
	float: left;
	background: url('images/content-box-top.gif') no-repeat center -3px; 
	background-color: #fff; 
	border: 1px solid #ddd;
	margin: 10px 5px 10px 10px;
	display: inline;
	padding-bottom: 20px;
}

#main-content-left .breadcrumb {
	padding: 10px 20px 0 20px;
	color: #7f7c78;
	letter-spacing: 0.03em;
}

#main-content-left a.green-link {
	font-size: 12px;
}

.blog-box {
	clear: both;
	width: 590px;
	margin: 10px;
	border-top: 3px double #eaeaea;
	padding-top: 20px;
}

.blog-box img {
	float: left;
	margin: 0 20px 20px 0;
}

.blog-box .blog-headline {
	float: none;
	overflow: hidden;
}

.blog-box h2, .blog-box h3 {
	float: left;
	font-size: 24px;
	font-weight: normal;
	padding-top: 0;
	width: 100%;
}

.blog-box .comment-number {
	float: right;
	height: 47px;
	font-family: Georgia, serif;
	font-size: 20px;
	color: #018c53;
	margin-left: 55px;
}

.blog-box .comment-number .left-bor {
	width: 14px;
	height: 43px;
	float: left;
	padding-top: 10px;
	background: url('images/comment-number-green-left.gif') no-repeat left center;
}

.blog-box .comment-number .right-bor {
	width: 11px;
	height: 43px;
	float: left;
	background: url('images/comment-number-green-right.gif') no-repeat right top;
	margin-top: 5px;
}

.blog-box .comment-number span {
	padding: 10px 10px 20px 10px;
	*padding: 9px 10px 20px 10px;
	float: left;
	background: url('images/comment-number-green-mid.gif') repeat-x left center;
}

.blog-box .comment-number-grey {
	float: right;
	height: 44px;
	background: url('images/comment-number-grey-right.gif') no-repeat right 5px;
	font-family: Georgia, serif;
	font-size: 20px;
	color: #a59d91;
}

.blog-box .comment-number-grey p {
	padding: 10px 10px 20px 14px;
	background: url('images/comment-number-grey-left.gif') no-repeat left center;
}

.blog-box .comment-number-grey p span {
	padding: 10px 10px 20px 10px;
	background: url('images/comment-number-grey-mid.gif') repeat-x left center;
}

.date-box {	
	height: 23px;	
	margin: 10px 0 15px 0;
	clear: right;

}

.date-box .left-date {
	background: url('images/date-box-left.gif') no-repeat left top;
	width: 11px;
	height: 23px;
	float: left;
}

.date-box .right-date {
	background: url('images/date-box-right-1_28.gif') no-repeat right top;
	width: 19px;
	height: 23px;
	float: left;
}

.date-box span {
	float: left;
	padding: 5px 10px;
	*padding: 4px 10px 6px 10px;
	background: url('images/date-box-mid.gif') repeat-x left top;
}

.blog-box p {
	
	padding: 10px 0;
	line-height: 1.5em;
}

.blog-box .comment-link .green-link {
	font-weight: bold;
}

.blog-box .comment-link a {
	padding-right: 10px;
	background: url('images/small-arrow.gif') no-repeat right 2px;
}

.blog-box ul li {
	padding-top: 5px;
}

.blog-box ul .list-topic {
	font-weight: bold;
}

.blog-box #pages {
	clear: left;
	text-align: right;
}
	
#right-boxes {
	width: 320px;
	margin: 10px 10px 10px 0;
	float: right;
}

#right-boxes li {
	list-style-type: none;
}

#right-boxes li div li{
	padding: 0 0 0 5px;
}

#twtr-widget-1 {
	margin-left:10px;
}

html>body #right-boxes {
	width: 320px;
	margin: 10px 10px 10px 0;
	float: none;
	margin-left: 630px;
}

.widget { 
	width: 320px;
	background: url('images/right-box-top.gif') no-repeat center -1px #fff;
	border: 1px solid #ddd;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-top: 15px;
}

.widget h2 {
	margin: 0 20px 10px 20px;
	font-size: 18px;
	font-weight: normal;
}
.widget .sidebar-list li,
.widget .sidebar-list li h2,
.widget .sidebar-list ul {
	margin-left: 0;
	margin-right: 0;
}
.widget form {
	margin: 0 10px;
}

.widget form input {
	width: 240px;
	border: 1px solid #759697;
	background-color: #eee;
	padding: 2px;
	margin-right: 5px;
	margin-left: 10px;
	margin-top: 5px;
}

.widget form input.search-button,
.blog-box #commentform #submit {
	width: 30px;
	background-color: #b8ae92;
	font-family: Georgia, serif;
	color: #fff;
	padding: 1px;
	margin-left: 0;
}

.widget p {
	font-size: 13px;
	margin: 0 20px;
}

.widget p.rss-button {
	background: url('images/rss-button.gif') no-repeat left center;
	width: 285px;
	height: 24px;
	margin: 15px auto 0 auto;
	padding-top: 10px;
}

.widget p.rss-button a {
	padding-left: 70px;
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #8d8680;
}

.widget ul, .widget ol {
	margin: 0 20px;
	line-height: 1.3em;
	font-size: 12px;
}

.widget textarea {
	width: 285px;
}


/* Footer ================================================================================ */

#footer-wrapper {
width: 100%;
overflow: auto;
background: url('images/footer-bg.gif') repeat-x left bottom;
}

#footer {
	background: url('images/footer-bg.gif') repeat-x left bottom;
	clear: both;

width: 960px;
margin: 0 auto;
padding-bottom: 15px;
overflow: hidden;
}

#footer .footer-cols {
	width: 305px;
	float: left;
	margin: 15px 0;
}

#footer .footer-cols p {
	font-size: 13px;
	color: #454545;
}

#footer .footer-cols .plan {
	background: url('images/plan-bg.png') no-repeat left center; 
	height: 23px;
	padding-left: 8px;
	padding-top: 5px;
}

#footer .footer-cols .liens {
	background: url('images/liens-bg.png') no-repeat left center; 
	height: 23px;
	padding-left: 8px;
	padding-top: 5px;
}

#footer .footer-cols ul {
	padding-left: 8px;
	line-height: 1.8em;
}

#footer .footer-cols ul li a:link,
#footer .footer-cols ul li a:visited {
	font-size: 12px;
}

#footer .footer-cols-box {
	width: 350px;
	margin: 0 0 20px 0;
    background: url('images/mise-bg-bottom.gif') no-repeat left bottom;
    padding-bottom: 5px;
    padding-top: 15px;	
    float: left;
}

#footer .footer-cols-box p {
    background: url('images/mise-bg-mid.gif') repeat-y left top;
    padding: 10px 15px; 
    font-size: 12px;
    color: #000;
    text-align: justify;
}

#footer .footer-cols-box .mise {
	height: 15px;
	padding-top: 8px;
    padding-bottom: 0;
	background: url('images/mise-bg-top.png') no-repeat left top; 
    text-indent: -999em;
}

#respond { /*margin-left: 10px;*/ margin-bottom: 20px; }

#respond form textarea { width:584px; border: 1px solid #8d8680; margin-top: 2px; padding: 2px; }

#respond #commentform #submit { 
	width:150px; 
	border: 1px solid #759697; 
	margin-top: 5px; 
	background-color: #B8AE92; 
	color: #fff;
}

.commentlist li { padding-bottom: 10px; }

.blog-text h2.center { font-size: 14px; text-align: center; width: 100%; }

.content-right-box .sidebar-list ul li {  }

.content-right-box .rating {
	margin-left: 3px; 
	 background: url(images/rate-right.gif) no-repeat right top; 
	height: 24px;
	padding: 0 0 3px 0;
}

.content-right-box .rate-left {
	color: #fff;
	background: url(images/rate-left.gif) no-repeat left top;
	padding: 0 5px 5px 5px;
}

.content-right-box .rating  b {
	color: #fff;
	background: url(images/rate-mid.gif) repeat-x left top;
	padding: 0 2px 5px 2px;
}

.navigation .alignleft,
.navigation .alignright { margin-left: 10px; }


/* Archives ================================================================================ */

.blog-text h2 {
	width: 100%;
}

.blog-text .clear-left-list {
	list-style-type: circle;
	margin-left: 25px;
	clear: left;
}

.text-p {
	clear: left;
}

/* Javascript text slide ====================================================== */

#widget-text { width:300px; margin:0 auto; }

#container {
  position: relative;
  width: 270px;
  height: 25px;
  overflow: hidden;
  margin: 0 10px;
  float: left; 
}

#scroller {
  width: 650px; /* = width + margin left + margin right + padding*2 + border*2  from the content rule */
}

/*.scrollNav, .scrollNav a:link, .scrollNav a:visited  {
  font-size: .8em;
  color:#00009C;
  font-weight: bold;
}*/

.scrollNav { float:left; padding-top:2px; }

<!--[if IE]>
<style type="text/css">

#scroller{
  width: 882px; /* = width + margin left + margin right from the content rule + border*2 from the container rule*/
}

</style>
<! [endif]-->

#widgetbox_widget_parent_0 { text-align:center; }

