@charset "UTF-8";

body {  margin: 0px; background-image: url('img/grad.png');
    background-repeat: repeat-x; padding: 0px; background-color: #eaeae0;
    color: black; font-family:sans-serif; font-size:small;}
a { color: #00B812;  }
a:visited { color: #185E00  }
a:hover , a:focus , a:active { color: #0F9 ; text-decoration:underline; }
div , p, h1, h2,h3,h4,h5,h6 { margin: 0; padding:0; }
h1, h2,h3,h4,h5,h6 { font-family: sans-serif; }


#top h1 { 
    position: absolute; top:0px; left:0px; 
    color: #FFFFFF; margin: 1ex 0 0 4ex;  }
#top a { color:inherit; text-decoration:inherit; }
#top h1 span { font-size: medium; margin-left: 2em;}

/** met le footer en bas */
#main { min-height: 666px; }
#prelude { display:none; }


.post h2 a{ color:inherit; text-decoration:inherit; }
.post h2 a:hover{ text-decoration:underline; }
.post h2 { color:#56688B; font-size: x-large; margin: 0; 
  /*  background: url('img/1rightarrow.png') no-repeat; */padding: 0 0 0 32px; background-position: left center; }
.post-info { font-size: small; margin: 1px; text-align: right; }
.post-info-co { font-size: small; margin: 1px; text-align: center; color: #ABABAB }
.post-info-co a { color: inherit; }
.post .suite { text-align: right; }
.post blockquote { color: #444; font-style: italic; margin: 0.5em 2em 0.5em 3em   }
.post blockquote p { display: inline }
.post blockquote:before { content: " « " }
.post blockquote:after { content: " » " attr(cite); font-style: normal;  }
.post q { color: #444; font-style: italic; }
.post q:before { content: " « " }
.post q:after { content: " » " }
.post h3 , .post h4 , .post h5 { color: #030051; margin-top: 1.5ex; }
.footnotes { font-size:x-small; margin-top:1ex; clear:both; }
.footnotes h4 { font-size:small; padding:0; margin:0 }


.post-content { margin: 10px 0 0 0; text-align: justify; }
/*.post h2:first-letter{ font-size:150%; text-transform:capitalize;}*/
/*.post-content:first-letter{ font-size:120%; text-transform:capitalize;}
.post-chapo:first-letter{ font-size:120%; text-transform:capitalize;}*/
.post-chapo { border-bottom: 1px dashed #A6A6A6; padding-bottom: 1ex; }
.post p { margin-top: 0.6ex; }
.post-content > p:first-letter , .post-chapo > p:first-letter { font-size: larger; }



.post-details { text-align: justify; }
.post-details h3 { color: #030051; font-size: large; }
.comment-action , .form-help { font-size: x-small;  padding: 0; margin: 0; }
.comment-info, .comment-ajout { background: url('img/comment_split.png') repeat-x; padding: 30px 1ex 0 1ex;
 text-align: left; margin: 0 -1ex 0 -1ex;}
.comment-info a { text-decoration: none; }
.comment-info a:hover { text-decoration: underline; }
.comment-date { text-align: right; font-size:small; margin: 0; padding: 0; }
.post-details > blockquote { padding: 0; margin: 0; }

.post-details, .post, .block { padding: 90px 1ex 1ex 1ex;
    background-color: white; background-image: url('img/grad_inter.png'); background-repeat:repeat-x; clear:both; }
.post:first-child , .block:first-child { 
    background: white url('img/grad_inter_haut.png') repeat-x; padding: 30px 1ex 1ex 1ex; }
#content { background: url('img/grad_inter_bas.png') repeat-x bottom; padding: 0 0 64px 0; margin: 80px 30ex 0 1em; }
p.block { font-size:large; }


fieldset { border: none; padding: 0; margin: 0; }
label { vertical-align: top; }

img { border: 0px none; }

 
#sidebar { 
    position:absolute; top:80px; right:0; width:26ex; 
    border-left: 1px #4511FF dashed;
    border-bottom: 1px #4511FF dashed;
    padding: 0 0 16px 16px; font-size: small;  }

#sidebar h2 { color:#1AA0FF; font-size: large; margin: 1ex 0 0.5ex 0 }
#sidebar li { list-style-type:none; padding: 0; margin:0; text-transform:capitalize; }
#sidebar ul { padding: 0; margin:0; }
#sidebar a { color: black; text-decoration:none;  }
#sidebar a:hover { color: black; text-decoration:underline;  }
#tags li { display: inline; }
#tags li+li:before { content:", "; font-size:small; }
/*#tags li:first-child:before { content:""; }*/
#tags strong { font-weight:inherit; font-style:italic; }
#tags { padding-right: 1ex; }

.level-1 { font-size:xx-small;}
.level-2 { font-size:x-small;}
.level-3 { font-size:small;}
.level-4 { font-size:medium;}
.level-5 { font-size:large;}
.level-6 { font-size:x-large;}
.level-7 { font-size:xx-large;}
.level-8 { font-size:xx-large;}
#contact  li.c-mail { background: url('img/mail_generic.png') no-repeat left; padding-left: 18px; text-transform:none; }
#contact  li.c-jabber { background: url('img/jabber_protocol.png') no-repeat left; padding-left: 18px; text-transform:none; }
#contact li span { display:none; }
#contact li { font-size: smaller;}



#footer { width:100%; margin:0 ; clear: both;
 background-image: url('img/grad.png'); background-repeat: repeat-x; padding: 30px 0px 10px 0px;
 background-color: #106BBD;  font-size: xx-small; text-align:center; }
#footer a { text-decoration: none; color:#225; }
#footer span { margin: 0 1em; }
#footer img { vertical-align:middle; }

.field label { width: 14em ; text-align: right; display: block; float: left; padding-right: 7px;  }
input:focus , textarea:focus { background-color: #EAeAE0;  color:#08A ; }