@charset "utf-8";

/* Éléments en général */
* {
  padding: 0;
  margin: 0;
  border: none;
}
html {
  color: white;
  background: black;
}
body {
  font: normal 100%/125% Georgia, "Palatino Linotype", serif;
  width: 950px;
  margin: 0 auto;
}
h2, h3 {
  font-size: 1.5em;
  margin: 1.5em 0;
}
h2 {
  text-align: center;
}
h3 {
  margin-left: 2em;
}
h4 {
  margin: 1.25em 0;
}
p, ul, ol, dl {
  text-align: justify;
  margin: 1em 0;
}
ul {
  list-style-type: square;
}
p {
  text-indent: 2em;
}
li, dd {
  margin-left: 2em;
}
dt {
  font-weight: bold;
}
pre, code, var, samp, kbd {
  font-family: Monaco, "Lucida Console", monospace;
}
blockquote {
  font-style: italic;
}
blockquote em {
  font-style: normal;
}
form p {
  text-indent: 0;
}
input, textarea, img {
  vertical-align: middle;
}
input, textarea {
  font-size: 1em;
  font-family: inherit;
  color: inherit;
  background: black;
  padding: 1ex;
  margin: 0.5em 0;
  border: 1px solid white;
  border-radius: 0;
  -webkit-appearance: none;
}
input {
  min-height: 1em;
}
input[type="submit"] {
  font-weight: bold;
  color: black;
  background: #aaa;
  padding-right: 0.5ex;
  padding-left: 0.5ex;
}
a {
  color: #aaa;
  background: transparent;
}
a:hover, a:focus, a:active {
  text-decoration: none;
}
abbr, acronym {
  border: 1px dotted;
}
abbr[title], acronym[title] {
  cursor: help;
}
q {
  quotes: "«\0000a0" "\0000a0»" "“" "”" "‘" "’";
}
q:before {
  content: open-quote;
}
q:after {
  content: close-quote;
}
kbd {
  border: 1px solid;
}

/* Mise en page globale */
#conteneur {
  display: table;
  margin: 1em 0;
}
#contenu, #menu {
  vertical-align: top;
  display: table-cell;
}

/* En-tête */
#en-tete {
  padding: 1em 0;
  position: relative;
}
#en-tete img {
  display: block;
  margin: 0 auto;
}
#en-tete ul {
  font-size: 0.75em;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
}
#en-tete li {
  display: inline;
  margin: 0 0.5em;
}

/* Contenu */
#contenu {
  width: 650px;
  padding: 0 25px;
}
.conteneur-encarts, #plan + ul {
  overflow: hidden;
}
.encart h2, .bordure-bas {
  background-image: url(../images/bordures-arrondies.png);
  background-repeat: no-repeat;
}
.encart h2, #plan + ul > li:first-child, #plan + ul > li:first-child + li {
  background-position: left -20px;
}
.encart, #plan + ul > li {
  color: black;
  background: white;
  width: 315px;
  padding-bottom: 2000em;
  margin: 0 5px -2000em;
  float: left;
}
.encart p, .encart li, #plan + ul li {
  text-align: left;
}
.encart p, .encart li {
  margin-right: 1em;
}
.encart h2 {
  padding: 1em 1em 0;
  margin-top: 0;
}
.encart p {
  text-indent: 0;
  margin-left: 1em;
}
.encart a, #plan + ul a {
  color: #333;
  background: transparent;
}
#plan + ul {
  margin-bottom: 0;
}
#plan + ul > li {
  background-image: url(../images/bordures-arrondies.png);
  background-repeat: no-repeat;
  padding-top: 1em;
  list-style: none;
}
#plan + ul > li > a {
  display: block;
  padding: 1em 1em 0;
}
#plan + ul > li:first-child > a, #plan + ul > li:first-child + li > a {
  display: inline;
}
#plan + ul > li:first-child + li + li {
  clear: left;
}
#plan + ul ul {
  padding: 0 1em;
  margin: 0;
}
#plan + ul ul li {
  margin-left: 1em;
}
#plan + ul ul li li {
  margin-left: 0;
}
.bordure-bas {
  height: 15px;
  margin: 0 5px;
}
#fil-ariane {
  text-align: left;
}
#fil-ariane li {
  display: inline;
  margin: 0;
}
p.date {
  font-weight: bold;
  font-style: italic;
  text-align: left;
  text-indent: 0;
  margin-top: 3em;
}
p.date-categorie {
  margin-top: 1em;
}
dl.mots-cles {
  text-align: left;
}
dl.mots-cles * {
  display: inline;
}
dl.mots-cles dd {
  margin-left: 0;
}
dl.mots-cles li {
  margin-left: 1ex;
}
#billet {
  margin: 3em 0 5em;
}
img.miniature {
  display: block;
  margin: 1em auto;
}
img.miniature {
  border: 1ex ridge white;
}
#photo-originale {
  text-indent: 0;
  color: black;
  background: white;
  display: block;
  padding: 1em;
  position: absolute;
  bottom: -50%;
  left: 50%;
  z-index: 1;
}
#photo-originale a {
  text-align: right;
  display: block;
  margin-top: 1em;
}
dl.retroliens-commentaires dt {
  text-align: right;
  background: url(../images/bulle.png) no-repeat -660px bottom;
  padding-bottom: 4em;
  margin: 1em 0 0;
}
dl.retroliens-commentaires dt.impair {
  text-align: left;
  background-position: left bottom;
}
dl.retroliens-commentaires dt.auteur {
  background-position: -1980px bottom;
}
dl.retroliens-commentaires dt.impair.auteur {
  background-position: -1320px bottom;
}
dl.retroliens-commentaires dd {
  color: black;
  background: white url(../images/bulle.png) no-repeat -2640px bottom;
  padding: 1em;
  margin-top: 0;
  margin-left: 0;
}
dl.retroliens-commentaires dd.auteur {
  background-color: #aaa;
  background-position: -3300px bottom;
}
dl.retroliens-commentaires dd h4, dl.retroliens-commentaires dd p:first-child {
  margin-top: -1em;
}
dl.retroliens-commentaires dd a {
  color: inherit;
}
p#url-retrolien {
  text-align: left;
  text-indent: 0;
}
#comment-form label, #comment-form input, #comment-form textarea {
  display: inline-block;
  width: 45%;
}
#comment-form label {
  vertical-align: middle;
  margin-right: 5%;
}
#comment-form input[type="checkbox"] {
  width: auto;
  margin-right: 1ex;
}
.pagination {
  text-align: center;
}
.pagination li {
  display: inline;
  margin: 0;
}
.pagination-bas {
  margin-top: 5em;
}

/* Menu */
#menu {
  width: 250px;
}
#menu * {
  text-align: left;
}
#menu h2 {
  margin: 0;
}
#menu h2 a {
  color: inherit;
  text-decoration: none;
}
#menu > ul > li {
  margin-left: 0;
}
#menu li {
  list-style: none;
  position: relative;
}
#menu li ul {
  margin: 0;
}
#menu li.liste-masquee ul {
  position: absolute;
  left: -10000em;
}
#menu p {
  text-align: center;
  text-indent: 0;
}
#menu img {
  vertical-align: -12.5%;
}
#menu input {
  width: 90%;
}
#menu input[type="submit"] {
  width: auto;
}

/* Nuage de mots-clés */
.mots-cles + ul li {
  display: inline;
}
.mots-cles + ul a.tag0, .mots-cles + ul a.tag10, .mots-cles + ul a.tag20 {
  line-height: 0.75em;
  vertical-align: bottom;
  margin: 0 1.5em;
}
.mots-cles + ul a.tag30, .mots-cles + ul a.tag40 {
  line-height: 0.875em;
  vertical-align: text-bottom;
  margin: 0 1em;
}
.mots-cles + ul a.tag50 {
  line-height: 0.875em;
  vertical-align: text-bottom;
  margin: 0 1em;
}
.mots-cles + ul a.tag60, .mots-cles + ul a.tag70 {
  line-height: 1em;
  vertical-align: text-top;
  margin: 0 0.5em;
}
.mots-cles + ul a.tag80, .mots-cles + ul a.tag90, .mots-cles + ul a.tag100 {
  line-height: 1.125em;
  vertical-align: top;
  margin: 0;
}
.mots-cles + ul a.tag0 {
  font-size: 0.5em;
}
.mots-cles + ul a.tag10 {
  font-size: 0.625em;
}
.mots-cles + ul a.tag20 {
  font-size: 0.75em;
}
.mots-cles + ul a.tag30 {
  font-size: 0.875em;
}
.mots-cles + ul a.tag40 {
  font-size: 1em;
}
.mots-cles + ul a.tag50 {
  font-size: 1.25em;
}
.mots-cles + ul a.tag60 {
  font-size: 1.5em;
}
.mots-cles + ul a.tag70 {
  font-size: 1.75em;
}
.mots-cles + ul a.tag80 {
  font-size: 2em;
}
.mots-cles + ul a.tag90 {
  font-size: 2.25em;
}
.mots-cles + ul a.tag100 {
  font-size: 2.5em;
}

/* Pied */
#pied {
  font-size: 0.75em;
  color: black;
  background: #aaa;
  padding: 1em 2em;
}
#pied p {
  text-indent: 0;
}
#pied p + p, #pied div {
  text-align: center;
}
#pied a {
  color: inherit;
}