html, body 
{
    height: 100%;
}

body
{
	background: url(images/fond2.jpg) repeat-x;
	margin: 0;
	color: #0e63a1;
	font: 0.8em verdana, arial, sans-serif;
	text-align: justify;
}

a
{
	color: #54811e;
}

a:hover
{
	text-decoration: none;
}

ul#sertArien a img
{
border: none;
}

div#conteneur
{
	width: 902px;
	min-height: 100%;
	position: absolute;
	left: 50%;
	margin-left: -451px;
	background: #FFF;
}

/*-------------------------------
HEADER
-------------------------------*/

div#header
{
	height: 272px;
	background: url(images/header.jpg);
}

p#leBlog
{
	position: absolute;
	left: 390px;
	top: 180px;
	color: #54811e;
	font-size: 1.8em;
}

img#logo
{
	position: absolute;
	left: 290px;
	top: 110px;
	border: none;
}

div#searchRss
{
    position: absolute;
	left: 660px;
	top: 220px;
	text-align: right;
}

div#searchRss a
{
	color: orange;
	background: url(images/rss.gif) no-repeat;
	padding-left: 20px;
	text-decoration: none;
}

div#searchRss a:hover
{
	text-decoration: underline;
}

/*-------------------------------
CONTENUS
-------------------------------*/

div#contenu
{
	background: white url(images/bg-contenu.gif) repeat-x;
	padding: 30px 20px 71px 20px;
	border-left: 1px solid white;
	/*border-right: 1px solid white;*/
	width: 580px; 	

}

div#contenu a img
{
	border:none;
}

div#droite
{
	float: right;
	width: 282px;
	padding: 24px 0px 71px 0px;
	background: white url(images/bg-contenu.gif) repeat-x;
	border-right: 1px solid white;
}

div#droite div#aThis
{
	text-align: right;
	padding-right: 30px;
}

div#droite div#aThis a,
div#droite div#aThis a img
{
	border: none;
}

/*
billets
*/

div.headPost h2 a
{
	font: 1.0em verdana, arial, sans-serif;
	color: #54811e;
	text-decoration: none;
}

div.headPost h2 a:hover
{
	text-decoration: underline;
}

div.post
{
	margin-bottom: 30px;
	border-bottom: 1px solid silver;
	padding-bottom: 20px
}

/*
menu de droite
*/

div#droite h2
{
	font: 1.3em verdana, arial, sans-serif;
}

ul#sertArien
{
	list-style-type: none;
}

div#droite ul#sertArien
{
	padding-left: 30px;
	padding-right: 30px;
}

div#droite ul#sertArien ul
{
	padding-left: 15px;
}

div.st-tag-cloud
{
	/*margin-bottom: 20px;*/
	background: #ecf2e8;
	padding: 5px 10px 10px 10px;
	width: 223px;
}

/*
commentaires
*/

ol.commentlist
{
   background: #ecf2e8;
}

ol.commentlist li
{
	border-top: 1px solid #c1d1ac;
	padding: 10px;
}

textarea#comment
{
	width: 500px;
	height: 200px
}

div#footer
{
	background: white url(images/footer.jpg) no-repeat;
	height: 71px;
	position: absolute;
    bottom: 0;
	width: 902px;
	color:#b7d1e3;
	font-size:10px;
}

p#legal
{
	position: relative;
	left: 265px;
	top: 7px;
}


/*-------------------------------
Correction du bug des images
-------------------------------*/

img.alignleft, div.alignleft
{
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright
{
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncenter, div.aligncenter
{
text-align:center;
margin:0 auto;
}


.rss {
background:transparent url(./images/rss.png) no-repeat scroll 0 0;
padding-bottom:6px;
padding-left:20px;
}
.facebook {
background:transparent url(./images/logo_facebook.gif) no-repeat scroll 0 0;
padding-bottom:6px;
padding-left:20px;
}
.digg {
background:transparent url(./images/logo_digg.png) no-repeat scroll 0 0;
padding-bottom:6px;
padding-left:20px;
}
.twitter {
background:transparent url(./images/logo_twitter.png) no-repeat scroll 0 0;
padding-bottom:6px;
padding-left:20px;
}