#contenublog{
	left:180px;
    position:absolute;
    top:0px;
	width:820px;
	height: auto;
    padding:0px 0px 0px 0px;
	background-color:#fff;
z-index:3}

#blogtete {
height:20px;
background:#fff url(css/blogheader.png) repeat-x;
border: 1px solid #ddd;
font: normal 20px Trebuchet MS,sans-serif,Arial;
padding: 5px 0px 10px 20px;
margin: 0px 0px 15px 0px;
z-index:5}

#blog {
width: 100%;
height: auto;
z-index:5}

#blogpost {
float: left;
width: 610px;
height: auto;
z-index:4}

.article {
background: #FFF url('css/blogshadow.png') no-repeat;
padding: 2px 0px 0px 0px;
padding: 2px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}
.article .date {
	background: #000 url('css/blogdate.png') no-repeat;
	position: absolute;
	height: 40px;
	left:24px;
	text-align: center;
	font: 10px "Lucida Sans Unicode",sans-serif;
	width: 40px;
}
.article .titre {
background: #FFF url('css/sousmenu.png') repeat-X;
height: 21px;
color: #FFF;
border-right: solid 1px #ffcc33;
border-left: solid 1px #ffcc33;
padding: 4px 0px 0px 65px;
}
.article .titre a {
    font: bold 14px "Lucida Sans Unicode",sans-serif;
	color: #000;
	text-decoration: none;
	}
.article .titre a:hover {
	color: #555555;
	}
	
.article .date div {
color: #FFF;
padding-top: 6px;
font-weight: bold;
}
.article .date span {
font: 12px "Lucida Sans Unicode",sans-serif;
font-weight: bold;
color: #FFF;
}

.article .texte {
	padding: 30px 0px 40px 10px;
}

#blogcol {
float: right;
width: 180px;
height: auto;
padding: 0px 10px 0px 0px;
z-index:5}

.colhead {
	background: #FFF url('css/blogmenu.png') repeat-X;
	height: 20px;
	width: 180px;
	text-align: center;
	font: bold 12px Arial,sans-serif;
	border: solid 1px #ddd;
	padding: 4px 0px 0px 0px;
}
.collist {
	list-style-image: url(css/puce.gif);
	background:#000000 url(css/fondmenu.jpg);
	font: 10px "Lucida Sans Unicode",sans-serif;
	color: #fff;
	width:176px;
	height:auto;
	border: solid 1px #000;
	padding:5px 0px 4px 4px; 
	margin:0px 0px 10px 0px; 
}
#blogcol .collist a{
	font: 11px "Lucida Sans Unicode",sans-serif;
z-index:5}