body {
    background:#b59d75 url(../img/body_bg.jpg) no-repeat 100px -170px fixed; 
    margin:0; padding:0; margin-bottom:2em;
    font-family: Verdana, "Trebuchet MS", "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-size: 85%;
    color:#544f46;
}
h1 {position:absolute; top:-80px; left:-9px; margin:0; padding:0; border:0; float:left;}
#logo2{position:absolute; top:-30px; left:112px;}
h1 a {display:block; width:118px; height:84px;}
h2{color:#4e4032; background:url(../img/h2-trans.png) no-repeat 0 100%; padding:0 0px 0 22px; margin-bottom:1em; margin-top:1.5em; font-weight:600; font-size:15px; line-height:25px; letter-spacing:-1px}
div#page h2:first-child {margin-top:0.5em}
h3 {font-size:14px;}
p{font-size:0.8em; text-align:justify; line-height:1.35em;}
a {color:#332312; text-decoration:none;}
a:visited{text-decoration:underline;}
a:hover {text-decoration:underline;}

/** STRUCTURE */
div#page{
    position:relative; left:400px; top:179px; 
    width:308px; 
    padding-bottom:20px; 
    padding-top:31px; /* raccord avec le body background */
    padding-top:0;
    background:transparent url(../img/footer_bg.png) no-repeat 0 100%
}
div#header{height:31px; background:transparent url(../img/header.png) no-repeat 0 0;}
div#content {padding:1px 12px 1px 5px; background:url(../img/page_bg.png) repeat-y 0 0;}

/** MENU **/
ul#menu{margin:0; text-align:right; padding:10px 12px 0 0; /*font-size:0.79em; */ font-size:0.7em; font-weight:bold;}
ul#menu li {display:inline;}
ul#menu li a {color:#332312; text-decoration:none;}
ul#menu li a:hover {text-decoration:underline;}

/** REAS **/
div.realisation h3 {padding-left:22px; background:url(../img/sprites.png) no-repeat 0 -120px; color:#7F6C67; font-size:14px; font-weight:500; height:20px; margin-bottom:0.2em; letter-spacing:-1px}
div.realisation img.vignette {float:right; margin:0 0 0 5px; padding:3px; background:url(../img/img-contour.gif) no-repeat 0 0}
div.realisation p {color:#3F3B33; font-size:0.8em; line-height:1.5em; margin-top:0; text-align:left;}
div.realisation p a{padding-right:10px; background:url(../img/sprites.png) no-repeat 100% -77px; color:#342313; text-decoration:underline;}

/** INFOS **/
ul.metadata {margin:0; padding:0}
ul.metadata li {background-position:0 0; background-repeat:no-repeat; padding-left:20px; list-style-type:none; font-size:0.75em; color:#97691b; padding-bottom:0.2em; line-height:16px}
ul.metadata li a {color:#97691b; text-decoration:none;}
ul.metadata li a:hover {text-decoration:underline;}
ul.metadata li.date {background-image:url(../img/sprites.png); background-position: 0 -40px;}
ul.metadata li.link {background-image:url(../img/sprites.png); background-position: 0 -156px;}
ul.metadata li.tags {background-image:url(../img/sprites.png); background-position: 0 0px;}

/** SEPARATEUR **/
div.separateur  {
    height:22px; 
    width : 22px; /* bug IE6 */
    margin:2em auto; /*bug IE6*/
    background:transparent url(../img/sprites.png) no-repeat 50% -200px; 
    border:none; 
}
div.separateur hr {display:none; margin:0}

/** LIEN RSS **/
a.rss {color:#332312; background:transparent url(../img/icon-feed.png) no-repeat 0 50%; padding:2px 0 2px 22px;}


/** VCARD **/
div.vcard {font-size:0.8em; line-height:1.4em;}
div.vcard img{float:left; margin-right:10px; width:120px;}
ul#administratif {margin:1em 0 0 15px; padding:0}
ul#administratif li{line-height:1.5em; font-size:0.8em;}

ul#socialLinks {margin:0; padding:0}
ul#socialLinks li{margin:0; list-style-type:none;}
ul#socialLinks li a.logo {background:transparent url(../img/icons-social.png) no-repeat 0 0; width:35px; height:35px; display:block; float:left;}
ul#socialLinks li#delicious a.logo{background-position:0px -43px}
ul#socialLinks li#deezer a.logo{background-position:0px -86px}
ul#socialLinks li#readernaut a.logo{background-position:0px -129px}
ul#socialLinks li p {margin-left:43px;}

/** NOTE DE SERVICE */
div#notedeservice {background-color:#B69D75; border:1px solid #332312; color:#0F0903; margin:0 0.5em; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75; padding:0 1em;}