@import url(/css/basic.css);	/* Import basic styles */
@import url(/css/img.css);	/* Import standard image styles */
@import url(/css/blog_elements.css);	/* Import standard blog elements styles */
@import url(/css/forms.css);	/* Import default form styles */
@import url(/css/comments.css);	/* Import default comment styles */

BODY.blog {
	background: #9cbd4c url(/images/QuebecSkin/img/motif_quebec.gif) repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#616161;
	font-size: 90%;
	margin: 0; padding: 0;
}
#blogContenu {
	MARGIN-LEFT: -1px; 
	WIDTH: 100%;
	text-align:center; /*NEW*/
}
#blackBkg {
	position: absolute;
	top: 175px; left: 0;
	width: 100%;
	height: 178px;
	background-color: transparent;
	z-index: 0;
}
H1 {
	margin: 0;
/*	width: 510px;*/
	width: 400px;/*NEW*/
	text-align: left;
	color: #fff;
	font-size: 140%;
}
H2 {
	color: #ad8a6d;
	font-weight: normal;
	font-size: 100%;
	margin: 0;
	display: inline;
}
H2.catTitle {
	float: none;
	width: 100%;
	border: none;
}
H3.bTitle {
	color: #9cbd4c;
	font-size: 120%;
	text-decoration: none;
	width: 80%;
	margin: 0;
}
H3.bTitle A {
	color: #9cbd4c;
	text-decoration: none;
	width: 100%;
}
H3.bTitle A:hover {
	color: #9cbd4c;
	text-decoration: none;
}
DIV.bText {
	margin: 1em 0 1.8em;
/*	padding-bottom: 60px;*/ /*NEW*/
	padding-bottom: 5px;/*NEW*/
	clear: left;
	font-size:78%;
}

DIV.bText IMG {
	display: block;
	padding: 5px;
	border: 1px solid #5d761e;
/*	margin: 0 auto;*/
}

#wrapperBlog {
	position: relative;
	top: 0;
/*	width: 732px; */
	width: 677px; 
	margin: 0 auto;
	padding: 0 0 1px;
	background: #fff url(/images/QuebecSkin/img/pixel_rub_qc.gif) repeat-y right top;
	/*z-index: 10;*/
	text-align:center;/*NEW*/
}
.pageHeader {
	margin: 0; 
	padding: 0;
	width: 677px; /*NEW*/
	height: 187px;
	background: #fff url(/images/QuebecSkin/img/ombre_quebec_09.jpg) no-repeat right bottom;
}

H1#pageTitle {

	margin: 0; 
	padding: 0;
/*	width: 732px; */
	width: 677px; /*NEW*/
	background-image: url(/images/QuebecSkin/img/frise_quebec.jpg); 
	background-repeat: no-repeat;
}

H1#pageTitle A {
	height: 178px;
	margin: 0; 
/*	padding: 0 0px;*/
	display: block;
	color: #fff;
	text-decoration: none;
	width: 675px;
}

H1#pageTitle A SPAN {
	float:right; /*NEW*/
	display: block;

	padding: 145px 0 0 0px !important;
	padding: 143px 0 0 0px;
	margin-left:0px;
/*width: 675px;*/
	width: 655px; /*NEW*/
	font-family: Georgia, Times, "Times New Roman", serif;
}


/* styles pour le calendrier*/


/* Calendar: */
div.calendrier {margin-top: 20px;margin-left:25px;width: 140px;}
div.calendrier-mois-courant {font-size:80%;margin: 2px 0 3px 0; width: 104px; height: 18px; float: left; text-align: center; color: color:#645639;; white-space: nowrap}
div.calendrier-jour-actif {line-height: 18px; margin: 2px 2px 0 0; width: 18px; height: 18px; float: left; text-align: center;background-color:#ffffff; color:#645639;font-size: 77%}
div.calendrier-jour-inactif {width: 18px;height: 18px;float: left;text-align: center;margin: 2px 2px 0 0;line-height: 18px;color:#645639;;font-size: 77%;}
div.calendrier-jour-selectionne {line-height: 18px; margin: 2px 2px 0 0; width: 18px; height: 18px; float: left; text-align: center; background-image : url(/images/accu/darkbluedot_accu.gif); background-repeat: no-repeat}
div.calendrier-jour-aujourdhui {line-height: 18px; margin: 2px 2px 0 0; width: 18px; height: 18px; float: left; text-align: center; background-image : url(/images/accu/medbluedot_accu.gif); background-repeat: no-repeat}

A.calendrier:link {color: #ff8009; text-decoration: none}
A.calendrier:visited {color: #ff8009; text-decoration: none}
A.calendrier:hover {color: #ff8009; text-decoration: underline}
A.calendrier:active {color: #fff; text-decoration: none}

div.calendrier-mois-precedent {width: 18px;	float: left;-align: center; : 2px 0 0 0; -top: 3px;}
div.calendrier-mois-suivant {width: 18px;float: left;text-align: center; margin: 2px 0 0 0;padding-top: 3px;}
div.calendrier-jour-label {width: 18px;height: 18px;float: left;text-align: center;font-weight:bold;margin:2px 2px 0 0;line-height:18px;color:#645639}

#contenu {
	width: 522px !important;
	width: 500px;
	background-color: #FFFFFF;
	margin: 25px 9px 0 0;
	min-height: 900px;
}
.bPosts {
	padding: 0 20px 0 20px !important;
	padding: 0 0px 0 20px;
	width:430px;/*NEW*/
	/*border:1px solid black;*/
	background-color:#FFFFFF;
/*	float:left;*/
	min-height:900px;
}
.bPosts A {
	color: #000;
	text-decoration: none;
}
.bPosts A:hover {
	color: #9cbd4c;
	text-decoration: underline;
}
.bPost {
	width:410px;
	text-align:left;
}

DIV.post-resume{
	border-bottom:0px dotted black;
	padding:20px 0 30px 0;
	background: transparent url(/images/QuebecSkin/img/separation.gif) no-repeat bottom center;
}

DIV.post-resume A:link{
	color:#A4BE5D;
}


/*ajout pour commentaire*/
	DIV#commentsarea{
	margin-top:30px;
	background-color:#ffffff;
/*padding:4px;
border:1px dotted #ff6600;*/
}


/*fin ajout*/



UL.nobullet {display:inline;margin:0;padding:0;list-style-type: none;}
UL.nobullet LI {display:inline;padding-right:12px;list-style-type: none;}



.bSmallPrint, .bSmallHead {
	color: #ad8a6d;
	clear: left;
}
.bSmallPrint {
	padding-top: 1em;
}
.bSideBarBlog {
	float: right;
	width: 205px !important;
	width: 190px;
	padding: 1em 0;
	margin: 0;
	color: #69503c;
}
.bSideBarBlog A {
	color: #000;
	text-decoration: none;
}
.bSideBarBlog A:hover {
	color: #000;
	font-weight: normal;
	text-decoration: underline;
}
	.bSideItemBlog H3 {
		/*font-family:Courier;*/
		font-size: .9em;
		height: 17px;
		width: 180px !important;
		width: 182px;
		text-align: left;
		color: #5C7220;
		/*text-transform: uppercase;*/
		margin: 0.5em 0;
		padding: 0 12px;
		background-color: #e3f4bb;
	}
	.bSideItemBlog P,.bSideItem FORM {
		padding: 0 10px;
		font-size: .8em;
	}
	.bSideItemBlog li{
	font-size: .8em;
	text-align:left;
	}
	.bSideItemBlog A:link {
		color:#5E7622
	}
	.bSideItemBlog A:visited {
		color:#5E7622
	}
	.bSideItemBlog FORM INPUT.btn {
		background-color: #5d761e;
		color: #fff;
		font-weight: bold;
		border: 1px solid #fff;
		width: 30px;
	}
	.bSideItemBlog FORM INPUT.btn:hover {
		background-color: #69503c;
	}
	.bSideItemBlog.avatar IMG {
		border: 1px solid #69503c;
	}
	.bSideItemBlog.avatar P {
		margin: 0 15px;
	}
	.bSideItemBlog P {
		margin: 0 12px; padding: 0;
		width: 180px;
		text-align:left; /*NEW*/
	}
	.bSideItemBlog P.list {
		padding: 0.2em 0;
	}
	.bSideItemBlog FORM {
		margin: 7px 0 7px 12px; padding: 0;
	}
	/* style pour les listes*/
	.bSideItemBlog UL {
		margin: 0 12px; padding: 0;
	}
	.bSideItemBlog UL LI {
		margin: 0; padding: 0;
		list-style-type: none;
	}
	
	/* END style pour les listes*/

/*styles pour les commentaires*/
DIV.bComment, FORM.bComment { 
	margin: 1ex 2ex;
	padding: 0 1ex;
	border: none;
}
div.bCommentTitle {
	margin: 1ex 0;
	font-size: 0.9em;
	font-weight: normal;
	color: #5d761e;
}
div.bCommentTitle SPAN {
	color: #9cbd4c;
}
div.bCommentText {
	margin-top: 0;
	margin-bottom: 0;
}
div.bCommentSmallPrint {
	font-family: inherit;
	margin: 0;
}
H4 {
	color: #9cbd4c;
	margin-left: 23px;
}
FORM.bComment FIELDSET DIV.label, FORM.bComment DIV.label LABEL {
	font-weight: normal;
	text-align: left;
	color: #999;
	font-size: 0.8em;
	
}
FORM.bComment TEXTAREA, FORM.bComment INPUT {
	border: 1px solid #9cbd4c;
	width: 250px;
}

SPAN.sbmt {
	border: 1px solid #9cbd4c;
	padding: 2px 1px !important;
	/*padding: 3px 0px 3px 3px;*/
	padding: 1px 0px 1px 1px;
	margin:0 !important;
	margin-left:3px;
}

INPUT.submit {
	color: #9cbd4c;
	background-color: #fff;
	border: 1px dotted #9cbd4c;
	margin:0 !important;
	margin:-3px;
}

INPUT.submit:hover {
	color: #fff;
	background-color: #9cbd4c;
	border: 1px dotted #fff;
}

/* END styles pour les commentaires*/


#pageFooter {
text-align:left;
	float:left;
	width:100%;
	height: 60px;
	background-color: #d2ea99;

/*	margin: 60px 0 0px;*/
}
	#pageFooter P {
		margin: 0 0 0 100px;
		padding-top:10px;
		font-size: .8em;
	}
	#pageFooter P A {
		padding: 0 0.6em;
		color: #5E7622;
		text-decoration: none;
		
	}
	#pageFooter A:hover {
		color: #5E7622;
		font-weight: normal;
		text-decoration: underline;
	}
	
	DIV.comment-bloc{
/*	BACKGROUND: url(/images/QuebecSkin/img/separation.gif) no-repeat center bottom; */
	border-bottom:1px dotted #000000;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px;
	text-align:left;
}
SPAN.comment-title{
	text-align:left;
	font-size:100%;
}
#rssImage{
	margin:10px 0px 10px 0px;
}
DIV.postHead{
	margin-bottom:15px;
}
DIV#commentForm{
/*background-color:#FFFF00;*/
padding:0;
margin:0;
}
/*
.notes {
	font-size:70%;
	padding-bottom:20px;
	padding-top:20px;
	background-color:#FFFF00;
}
*/