/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
 * Theme par Jérôme Truffot
 * basé sur Blue Silence (par Marco / marcarea.com)
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
 * BODY et page
 * ------------ */

body {
  background      : #CDCDCD;
  color           : #000000;
  width           : 100%;
  margin          : 0;
  font-family     : "Nimbus Sans L","Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size       : 0.9em;
}

#page {
  width           : 60em;
  margin          : 0 auto;
  padding         : 0;
  background      : #ffffff;
}

/* ombre à droite de la page */
#right-side {
  width           : 60em;
  margin          : 0 auto;
  padding         : 0 12px;
  background      : transparent url(images/right-side.png) repeat-y right;
}

/* ombre à gauche de la page */
#left-side {
  width           : 60em;
  margin          : 0 auto;
  margin-left     : -12px;
  padding         : 0 12px;
  background      : transparent url(images/left-side.png) repeat-y left;
}


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

#header {
  position        : relative;
  width           : 100%;
  margin          : 0;
  color           : inherit;
}

#header img.background {
  display         : block;
  width           : 100%;
  margin          : 0;
}

#header h1 {
  position        : absolute;
  bottom          : 0.1em;
  left            : 0.2em;
  z-index         : 1;
  margin          : 0;
  padding-right   : 0.2em;
  font-style      : italic;
  font-weight     : bold;
  font-size       : 2em;
}

#header a {
  color           : #ffffff;
  text-decoration : none;
}

#prelude {
  position        : absolute;
  top             : 0.2em;
  left            : 0.2em;
  z-index         : 1;
  margin          : 0;
  color           : #BFD4E8;
  background      : transparent;
}

#prelude a {
  color           : #CFE4F8;
}

#prelude a:hover {
  color           : #FFF;
}



/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
 * MAIN CONTENT
 * ------------ */
#main {
  width           : 60em;
  margin          : 0;
  margin-top      : 1em;
}

#content {
 float            : left;
 width            : 40em;
 margin           : 0;
 margin-left      : 1em;
}

a, a:visited {
  color           : #005D99;
}

a:hover {
  color           : #48C;
  text-decoration : none;
}

ul {
  margin          : 0;
}

li {
  list-style-type : none;
}

p, h2 {
  margin          : 0.2em 0;
}



/* Sidebar
-------------------------------------------------------- */
#sidebar {
  float           : right;
  width           : 15em;
  margin          : 0;
}

#sidebar h2 {
  color           : #005D99;
  font-size       : 1em;
  font-weight     : bold;
  background      : #F5F5F5;
  border          : 1px solid #CDCDCD;
  border-width    : 1px 0;
  padding         : 0 0.2em;
  margin          : 0.2em 0;
}

#sidebar h3 {
  color           : #005D99;
  padding         : 0 0.2em;
  margin          : 0.2em 0;
  font-size       : 1em;
}

#sidebar a:link, #sidebar a:visited {
  color           : #005D99;
  text-decoration : none;
}

#sidebar a:hover {
  color           : #48C;
  text-decoration : none;
}

#blogextra a:link, #blogextra a:visited, #blogextra a:hover {
  text-decoration : none;
}

#sidebar ul, #blogextra li {
  padding         : 0 0.2em;
}

#sidebar li, #blogextra li {
  padding         : 0 1em;
}

#sidebar p, #blogextra p {
  padding         : 0 0.2em;
}

#search fieldset, #search form {
  border          : none;
  margin          : 0;
  padding         : 0;
}

#search fieldset p {
  margin          : 0;
  padding-left    : 0.2em;
}

#search #q {
  color           : #005D99;
  width           : 10em;
  border          : 1px solid #CDCDCD;
  padding         : 0 0.2em;
  font-size       : 1em;
}

#search .submit {
  color           : #005D99;
  background      : #FFF;
  font-size       : 1em;
  font-weight     : bold;
  text-transform  : uppercase;
  border          : 1px solid #FFF;
}

#search .submit:hover {
  color           : #48C;
  cursor          : pointer;
}

#search, #sidebar .selected, #sidebar .categories, #sidebar .syndicate,
#sidebar .langs, #sidebar .tags, #sidebar .links, #sidebar .text {
  padding         : 0;
  margin          : 0;
  margin-bottom   : 1em
}

#topnav {
  color           : #005D99;
  font-size       : 1em;
  font-weight     : bold;
  background      : #F5F5F5;
  border          : 1px solid #CDCDCD;
  border-width    : 1px 0;
  padding         : 0 0.2em;
  margin          : 0.2em 0;
}

#sidebar #topnav ul {
  margin          : 0;
  padding         : 0;
}

#sidebar #topnav li {
  display         : inline;
  background      : none;
  margin          : 0;
  padding         : 0;
}

#sidebar .syndicate li {
  margin          : 0.2em 0;
  margin-left     : 1em;
  background      : transparent url(images/rss.png) no-repeat 0px;
  padding         : 0 0.2em;
  padding-left    : 20px;
}

#sidebar .tags ul {
  margin          : 5px 5px 10px 10px;
  padding         : 0;
  font-size       : 110%;
}

#sidebar .tags ul li {
  display         : inline;
  background      : none;
  margin          : 0;
  padding         : 0;
  font-size       : 0.9em;
}

#sidebar .tags ul li a:link, #sidebar .tags ul li a:visited {
  color           : #333;
}

#sidebar .tags p strong a:link, #sidebar .tags p strong a:visited {
  padding         : 0 0 0 18px;
  background      : transparent url(img/tags.png) no-repeat 0 -2px;
}

#sidebar .tags p strong a:hover {}

.tag0   { font-size: 75%; }
.tag10  { font-size: 80%; }
.tag20  { font-size: 90%; }
.tag30  { font-size: 100%; }
.tag40  { font-size: 110%; }
.tag50  { font-size: 120%; }
.tag60  { font-size: 140%; }
.tag70  { font-size: 150%; }
.tag80  { font-size: 160%; }
.tag90  { font-size: 170%; }
.tag100 { font-size: 180%; }



/* Post-content
-------------------------------------------------------- */
.post-content, .post-excerpt {
  padding         : 0;
  margin-top      : 0.5em;
  text-align      : justify;
}

.post-content p, .post-excerpt p {
  padding         : 0;
  text-indent     : 1em;
  margin-bottom   : 1em;
}

.post-content strong, .post-excerpt strong {
  font-size       : 0.9em;
}

.post-content acronym, .post-excerpt acronym {
  cursor          : help;
  border-bottom   : 1px dashed #666;
}

.post-content pre, .post-excerpt pre {
  font            : 1em 'courier new', courier, monospace;
  background      : #F5F5F5;
  padding         : 0;
  margin          : 0;
  overflow        : auto;
}

.post-content h3, .post-excerpt h3 { padding: 0; font-size: 1.4em; color: #666; }
.post-content h4, .post-excerpt h4 { padding: 0; font-size: 1.2em; color: #666; }
.post-content h5, .post-excerpt h5 { padding: 0; font-size: 1.0em; color: #666; }

.post-content ul,    .post-excerpt ul    { padding: 0; margin: 1em 1em; }
.post-content ul li, .post-excerpt ul li { padding: 0; margin: 0; list-style: inside url(images/li.png); }
.post-content ol,    .post-excerpt ol    { padding: 0; margin: 1em 1em; }
.post-content ol li, .post-excerpt ol li { padding: 0; margin: 0; list-style: decimal inside; }

.post-content blockquote, .post-excerpt blockquote {
  border-left     : 0.3em solid #CDCDCD;
  margin          : 0;
  padding         : 0;
  padding-left    : 0.3em;
}
.post-content blockquote em, .post-excerpt blockquote em {}


/* Classes
-------------------------------------------------------- */
.day-date {
  color           : #F90;
  font-weight     : bold;
  background      : #F5F5F5;
  border          : 1px solid #CDCDCD;
  border-width    : 1px 0;
  text-align      : right;
  padding         : 0;
  margin          : 0.2em 0;
  margin-left     : -1em;
  clear           : left;
}

a.feed {}

.post { color: #000; }

.post-title {
  color           : #005D99;
  padding         : 0;
  font-size       : 1.7em;
  margin: 0;
}

.post-title a:link, .post-title a:visited {
  color           : #005D99;
  text-decoration : none;
}
  
.post-title a:hover {
  color           : #48C;
  text-decoration : none;
}

.post-info {
  font-style      : italic;
  font-size       : 0.9em;
  opacity         : 0.5;
  margin          : 0;
}

.post-info a:link, .post-info a:visited {
  color           : #005D99;
  text-decoration : none;
}

.post-info a:hover {
  color           : #48C;
  text-decoration : none;
}

.post-tags {
  position        : relative;
  border          : 0;
  background      : #FBFBFB;
  padding         : 0;
  margin          : 0;
  overflow        : hidden;
  height          : 1%;
  opacity         : 0.5;
}

.post-tags li {
  display         : inline;
}

.post-tags li a:link, .post-tags li a:visited {
  color           : #005D99;
  display         : block;
  float           : left;
  text-decoration : none;
  background      : transparent url(img/tag.png) no-repeat 0 0;
  padding         : 2px 8px 2px 18px;
  white-space     : nowrap;
}

.post-tags li a:hover {
  color           : #48C;
  text-decoration : none; }

.post-info-co {
  clear           : left;
  border          : 0;
  background      : #FBFBFB;
  padding         : 5px;
  margin          : 0 0 26px 0;
}

.post-info-co a:link, .post-info-co a:visited {
  text-decoration : none;
  padding         : 2px 10px 2px 18px;
}
.post-info-co a:hover {
  text-decoration : none;
  opacity         : 0.5;
}

.comment_count {}
.ping_count    {}
.attach_count  {}

.read-it {
  font-weight     : bold;
  padding         : 0 0 10px 0;
  clear           : left;
}

#attachments {
  clear           : left;
  border          : 1px solid #E8E8E8;
  border-width    : 1px 0;
  background      : #FBFBFB;
  padding         : 0;
  margin          : 2em 0;
}

#attachments * {
  margin          : 0;
  padding         : 0;
  color           : #3C8FD1;
}

#attachments h3 {
  margin-bottom   : 0.5em;
  font-size       : 1.2em;
}

#attachments ul {
  margin-bottom   : 0.5em;
  margin-left     : 1em;
}

#attachments li {
  margin-bottom   : 0.2em;
}

#attachments li em {}
#attachments li div {}

#attachments li object {
  display         : inline;
  margin          : 0;
  padding         : 0;
  vertical-align  : bottom;
}

.footnotes {
  border          : 1px solid #E8E8E8;
  padding         : 0;
  margin          : 2em 0;
}

.footnotes h4 {
  color           : #005D99;
  background      : #FBFBFB;
  border-bottom   : 1px solid #E8E8E8;
  background      : transparent url(img/report.png) no-repeat 4px 3px;
  padding         : 0.2em 0 0.2em 1em;
  margin          : 0;
  font-style      : italic;
}

.footnotes p {
  padding         : 0.2em 1em 0.2em 1em;
}


/* Archives
-------------------------------------------------------- */
#content-info {
  font-size       : 0.8em;
  background      : #F5F5F5;
  border          : 1px solid #CDCDCD;
  border-width    : 1px 0;
  padding         : 0.2em 0 0.2em 1em;
  margin          : 0.2em 0 1em -1em;
  font-size       : 1em;
  line-height     : 1.4;
}

.content-inner {
}

.content-inner h3 {
  font-size       : 1em;
  color           : #F90;
  background      : #F5F5F5;
  border          : 1px solid #CDCDCD;
  border-width    : 1px 0;
  margin          : 0;
  margin-left     : -1em;
  padding         : 0;
  padding-left    : 1em;
}

.content-inner ul {
  margin          : 0.5em 0 2em 1em;
  padding         : 0 ;
}

#content-info h2 {
  font-size       : 1.4em;
}

#content-info p {
  padding         : 0;
  font-size       : 1em;
}

#content-info p a.feed:link, #content-info p a.feed:visited {
  padding         : 4px 0 4px 22px;
  background      : transparent url(img/rss.png) no-repeat 1px 3px;
}
#content-info p a.feed:hover {}


/* Tags - Page des tags
-------------------------------------------------------- */

.content-inner ul.tags {
  position        : relative;
  border          : 1px solid #E8E8E8;
  border-width    : 1px 0;
  background      : #FBFBFB;
  padding         : 0.5em;
  margin          : 1em 0;
  overflow        : hidden;
}

.content-inner ul.tags li {
  display         : block;
  float           : left;
  margin          : 0.2em;
  height          : 2em;
  line-height     : 2em;
}

.content-inner ul.tags li a:link, .content-inner ul.tags li a:visited {
  color           : #005D99;
  text-decoration : none;
  white-space     : nowrap;
  vertical-align  : baseline;
}

.content-inner ul.tags li a:hover {
  opacity         : 0.5;
}



/* Commentaires
-------------------------------------------------------- */
#comments, #pings {
  margin-top      : 2em;
}

#comments h3, #pings h3, #comments-feed, #pr h3 {
  color           : #005D99;
  clear           : left;
  border          : 1px solid #E8E8E8;
  border-width    : 1px 0;
  background      : #FBFBFB;
  padding         : 0.2em 0;
  padding-left    : 1em;
  margin          : 0 0 0 -0.8em;
  font-size       : 1.2em;
}

#pr h3 {
  color           : #F90;
  margin          : 0;
}

#comments-feed {
  text-align      : right;
  font-weight     : bold;
  margin          : 14px 0 8px 0;
}

#comments-feed a:link, #comments-feed a:visited {
  font-size       : 0.8em;
  text-decoration : none;
  background      : transparent url(img/rss.png) no-repeat 0px 50%;
  padding         : 3px 0 3px 22px;
}

#comments-feed a:hover {
  text-decoration : none;
  opacity         : 0.5;
}

#comments dl{}

#comments dt, #pings dt {
  display         : block;
  padding         : 0;
  margin          : 2em 0 1em 0;
}

#comments dt a:link, #comments dt a:visited {
  color           : #3C8FD1;
  text-decoration : none;
}

#comments dt a:hover {
  opacity         : 0.5;
}

#pings dt a:link, #pings dt a:visited {
  color           : #3C8FD1;
  text-decoration : none;
}

#pings dt a:hover {
  opacity         : 0.5;
}

#comments dd, #pings dd, dd.comment-preview {
  border          : 1px solid #E8E8E8;
  border-width    : 1px 0;
  background      : #F5F5F5;
  padding         : 0.5em 1em;
  margin          : 0;
  font-size       : 1.1em;
  line-height     : 1.4;
}

#comments dd *, #pings dd *, dd.comment-preview * {
  padding         : 0;
  font-size       : 1em;
  text-align      : justify;
}

#comments dt.me a:link, #comments dt.me a:visited, #comments dt.me a:hover {
  color           : #5E9E14;
}

#comments dd.me {
  border-left     : 4px solid #5E9E14;
}

.comment-number, .ping-number {
  color           : #3C8FD1;
  font-weight     : bold;
  font-size       : 1.4em;
}

#ping-url {
  color           : #F90;
  border          : 1px solid #E8E8E8;
  border-width    : 1px 0;
  background      : #FBFBFB;
  padding         : 0.2em 0 0.2em 1em;
  margin          : 1em 0 1em -1em;
  font-weight     : bold;
  text-align      : right;
}

.error {
  border          : 2px solid red;
  padding         : 10px 5px;
  margin          : 20px 0 0 0;
  background      : #FFCCCC;
  font-weight     : bold;
}

.message {}

.pagination {
  clear           : left;
  border          : 1px solid #CDCDCD;
  border-width    : 1px 0;
  background      : #F5F5F5;
  padding         : 0.2em 0 0.2em 1em;
  margin          : 0 0 1em -1em;
  text-align      : center;
  color           : #F90;
  font-weight     : bold;
}

.pagination a:link, .pagination a:visited {
  color           : #F90;
  text-decoration : none;
}

.pagination a:hover {
  opacity         : 0.5;
}

#navlinks {
  border          : 1px solid #CDCDCD;
  border-width    : 1px 0;
  background      : #F5F5F5;
  padding         : 0.2em;
  margin          : 0.2em 0 1em -1em;
  text-align      : center;
  color           : #F90;
  font-weight     : bold;
}
#navlinks a:link, #navlinks a:visited {
  color           : #F90;
  text-decoration : none;
}

#navlinks a:hover {
  opacity         : 0.5;
}


/* Forms
-------------------------------------------------------- */
#comment-form {
  padding-top     : 1em;*
}

#comment-form h3 {
  color           : #005D99;
  border          : 1px solid #E8E8E8;
  border-width    : 1px 0;
  background      : #FBFBFB;
  padding         : 0.2em 0 0.2em 1em;
  margin          : 1em 0 0.5em -0.8em;
  font-size       : 1.2em;
}

#comment-form fieldset p {
  padding         : 5px 0;
}

#comment-form fieldset p.field {
  padding         : 5px 0;
  width           : auto;
  margin          : 0;
  clear           : left;
}

#comment-form p.form-help {
  width           : 60%;
  margin          : 0 0 0 30%;
  font-style      : italic;
}

#comment-form p label {
  width           : auto;
}

#comment-form p.field label {
  font-weight     : bold;
  display         : block;
  padding         : 0 4px 4px 0;
  width           : 29%;
  float           : left;
  text-align      : right;
}

#comment-form input, #comment-form textarea {
  font            : 1em Arial,sans-serif;
  color           : #005D99;
  border          : 1px solid #CDCDCD;
  padding         : 1px 2px;
  font-size       : 1em;
  width           : 60%;
}

#comment-form input#c_remember {
  width           : auto;
  border          : 0;
  margin          : 0 5px 0 140px;
}

#comment-form input.preview {
  margin-left     : 134px;
}

#comment-form input.preview, #comment-form input.submit {
  width           : auto;
  color           : #005D99;
  font-size       : 1em;
  font-weight     : bold;
  text-transform  : uppercase;
}

#comment-form input.preview:hover, #comment-form input.submit:hover {
  opacity         : 0.5;
}



/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
 * FOOTER
 * ------ */
#bottom-footer {
  width           : 60em;
  margin          : 0 auto;
  padding         : 0;
  background      : transparent url(images/footer.png) repeat-x bottom;
}

#right-footer {
  width           : 60em;
  margin          : 0 auto;
  margin-left     : -12px;
  padding         : 0 12px;
  background      : transparent url(images/right-footer.png) no-repeat bottom right;
}

#left-footer {
  width           : 60em;
  margin          : 0 auto;
  margin-left     : -12px;
  padding         : 0 12px 14px 12px;
  background      : transparent url(images/left-footer.png) no-repeat bottom left;
}

#footer {
  position        : relative;
  width           : 60em;
  padding         : 1em 0 0 0;
  clear           : both;
}

#footer p {
  margin          : 0 auto;
  padding         : 0.2em;
  background      : #606666;
  color           : #FFF;
  font-weight     : bold;
}

#footer p a:link, #footer p a:visited {
  color           : #FFF;
  text-decoration : none;
}

#footer p a:hover {
  opacity         : 0.5;
}

#footer p.copyright {
  text-align      : center;
}

#footer p.dotclear {
  float           : right;
  position        : absolute;
  bottom          : 0;
  right           : 0;
  background      : transparent;
  padding         : 0.2em 0.5em;
}