@import url(../../rsc/basic.css);
@import url(../../rsc/forms.css);
body {
	background-color:#2E2E2E;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
/************************ ENTETE *********************************/
/*Bloc principal*/
#wrapperWide, #wrapper {
	width:100%;
	background-image:url(img/background-page.gif);
	background-repeat:repeat-x;
	text-align:center;
	background-color:#FFF;
	
}
#wrapper2 {
	width:100%;
	text-align:center;
	background-image:url(img/background-pagefooter2.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
/*Bloc d'entete */
#header {
	height:113px;
	width:758px;
	background-image:url(img/background-header.gif);
	margin-left:auto;
	margin-right:auto;
}
/*Bloc contenu*/
#corps {
	width:758px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
/*Bloc pied de page */
#footer {
	width:758px;
	background-image:url(img/background-pagefooter.gif);
	background-repeat:repeat-x;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	height:199px;
	background-color:#FFFFFF;
	clear:both;
}
#pageFooter {
	width:100%;
	text-align:center;
	clear:both;
}
#baseline {
	width:758px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	color:#FFF;
	height:49px;
	background-image:url(img/background-pagefooter3.gif);
	background-repeat:no-repeat;
}
.balise_p {
	margin:0px;
	padding:0px;
	padding-top:7px;
	margin-left:150px;
}
.center {
	text-align: center;
	padding:0px;
	margin:0px;
	clear:both;
}
#menu-fin {
	width:233px;
	height:69px;
	clear:both;
	background-image:url(img/menu-fin.gif);
}
#blok_page {
	width:758px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(img/background-corps.gif);
	background-repeat:repeat-y;
}
/************************ GAUCHE *********************************/
#left {
	padding:0px; 
	float:left;
	width:233px;
	font-size:12px;
}
/*Liste des blogs*/
#BlogListC, #BlogListR, #BlogListL { 
	background-image:url(img/menu-header.gif);
	background-repeat:no-repeat;
	padding-top:78px;
	padding-left:19px;
}
#MenuList {
	background-image:url(img/menu-separateur.gif);
	background-repeat:no-repeat;
	padding-top:75px;
	padding-left:19px;
}
/*Liens de la liste des blogs*/
a.BlogButton, a.BlogButtonCurr, a:hover, .bPost h2 a, .bCommentTitle a {
	text-decoration:none;
	color:#7FA5B9;
}
a.BlogButton:hover, a.BlogButtonCurr:hover, a, .bPost h2 a:hover, .bCommentTitle a:hover {
	text-decoration:none;
	color:#84B437;
}
a {
	text-decoration:none;
}
/*Texte de la liste des blogs*/
#bloglist, #bSideBar  {
	width:201px;
	padding-left:0px;
	padding-top:10px;
	margin:0px;
	border-left:1px solid #CBE1EF;
	border-right:1px solid #CBE1EF;
	color:#000;
}
.dimmed {
 	font-size:9px;
 	color:#888;
}
#bSideBar {
	width:181px;
	padding-left:10px;
	padding-right:10px;
}
#bloglist li {
	list-style-type:none;
	list-style-image:url(img/menu-list.gif);
}
#bloglist ul {
	margin-left:-10px;
}
* html #bloglist ul {
	margin-left:25px;
}
.bSideItem p {
	font-size:10px;
	text-align:justify;
}
.bSideItem ul li, .bSideItem ul {
	list-style-type:none;
	margin:0px;
}
.bSideItem ul li, .bSideItem ul {
	margin-left:0px;
	padding-left:0px;
}
/************************** DROITE *****************************/
#right {
	padding:0px; 
	width:525px;
	font-size:12px;
	background-image:url(img/background-right.gif);
	background-repeat:no-repeat;
	margin-left:233px;
	padding-top:78px;
	color:#333;
}
.pagetitle {
	font-weight:bold;
	font-size:14px;
	color:#333333;
}
#bPosts, #bPostsWide {
	margin-left:13px;
	width:470px;
	border-left:1px solid #CBE1EF;
	border-right:1px solid #CBE1EF;
	padding-left:10px;
	padding-right:10px;
	text-align:justify;
}
.bPost {
	margin-top:25px;
}
.bSmallPrint {
	margin-top:-20px;
	margin-bottom:30px;
	text-align:right;
}
.bPost h2, h4 {
	font-size:14px;
	font-weight:bold;
	color:#666666;
}
.bTitle {
	font-size:13px;
	font-weight:bold;
	color:#666666;
}
.middle {
	border:0px;
}
.permalink_right {
	color:#84B437;
}
div.bComment {
   margin-bottom:10px;
   padding:5px;
}
.bCommentTitle {
 	padding-left:0px;
 	padding-bottom:10px;
 	background:url(img/message.gif) no-repeat bottom;
 	text-align:left;
}
.bCommentText {
 	padding:5px;
 	color:#999;
}
.bCommentSmallPrint {
	color:#888;
}
form.bComment {
	
}
.bText {
 	padding:5px;
 	margin-bottom:0px;
}
div.bPost {
}
input.bComment, textarea.bComment, search {
 	margin-left:5px;
 	margin-top:5px;
 	border:1px solid #CBE1EF;
}
.notes {
	position: absolute ; left: 0px ; top: -500px ; width: 1px ; height: 1px ; overflow: hidden ;
}
code {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
   padding:5px;
}
h2.pagetitle {
	position: absolute;
	top:165px;
	padding-left:120px;
	width:350px;
	text-align:right;
	color:#B1C33B;
}
.bText img {
 	margin-right:5px;
}
.bPost h2 {
	margin:0; padding:0;
	text-align:left;
}
.bSmallHead {
   color:#888;
   padding-left:25px;
   margin-top:3px;
   background:url(img/date.gif) 10px 1px no-repeat;
}
.bText a:hover {
   text-decoration:underline;
	color:#555;
}
.bCommentText {
 	border-left:1px solid #C6C6C6;
 	border-right:1px solid #C6C6C6;
 	color:#888;
}
.bCommentSmallPrint {
   background:url(img/message_fin.gif) no-repeat;
   padding-top:5px;
   text-align:right; font-size:10px;
}
.bCommentSmallPrint a {
   background:url(img/permalink.gif) 0 -11px no-repeat;
   height:14px; width:14px;
   margin-top:-3px; margin-right:5px; margin-left:3px;
   display:block; float:right;
}
.bCommentSmallPrint a:hover {
   background:url(img/permalink.gif) 0 3px no-repeat;
}
.bCommentSmallPrint img {
   position: absolute ; left: 0px ; top: -500px ; width: 1px ; height: 1px ; overflow: hidden ;
}

.bText a, .bSideItem a {
   text-decoration:none;
	color:#888;
}
.bSideItem a:hover {
	color:#84B437;
}
.bComment p {margin:0; padding:0;}
.label {
   margin-top:5px;
}
.submit {
	margin-top:15px;
}
.bMore img {
   margin:0;
}
h3 {
	color:#7FA5B9;
	font-size:15px;
	font-weight:bold;
}
.bSideItem a {
	margin-left:15px;
}
.bSideItem ul {
	margin-left:15px;
}
.bSideItem ul li a {
	margin-left:0px;
}

/************************** BUG IE *****************************/
* html H2.pagetitle {
  top:175px;;
}
* html #bPostsWide, * html #bPosts {
	padding-top:-30px;
}
* html #left {
  margin-right: -3px;
}
* html #right {
  margin-left: 0px;
  padding-top: 98px;
}
/************************** BUG OPERA *****************************/
@media all and (min-width: 0px){
     #bloglist ul {
		 margin-left:30px;
	 }
}