/* Le Médjérisme révélé — feuille de style officielle, gelée en 1999 */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  background-color: #000066;
  background-image:
    radial-gradient(circle at 20px 20px, #ffff66 1.5px, transparent 1.6px),
    radial-gradient(circle at 80px 60px, #ffffff 1px, transparent 1.2px),
    repeating-linear-gradient(45deg, #000066 0 12px, #000077 12px 24px);
  color: #ffff00;
  font-family: "Comic Sans MS", "Comic Sans", cursive, sans-serif;
  font-size: 15px;
}
a { color: #00ffff; }
a:visited { color: #ff66ff; }
a:hover { color: #ffffff; background: #ff00ff; }

.logo-wrap {
  text-align: center;
  background: #000033;
  padding: 8px 8px 4px;
}
.logo-wrap img.logo {
  width: 220px;
  height: 220px;
  object-fit: cover;
  border: 6px ridge #ffcc00;
  background: #000;
  box-shadow: 0 0 0 3px #ff0000, 4px 4px 0 #000;
}
.logo-wrap .legend {
  color: #ffff00;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 11px;
  margin: 4px 0 2px;
}
.logo-small {
  width: 92px;
  height: 92px;
  object-fit: cover;
  border: 4px ridge #ffcc00;
  display: block;
  margin: 0 auto 6px;
}
  animation: blink 0.8s steps(2, end) infinite;
}
@keyframes blink { 50% { opacity: 0; } }

.page {
  width: 760px;
  margin: 12px auto 28px;
  background: #c0c0c0;
  color: #000000;
  border: 4px ridge #ffffff;
  box-shadow: 6px 6px 0 #000000;
}
.banner {
  background: linear-gradient(90deg, #ff0000, #ff8800, #ffff00, #00cc00, #0066ff, #8800ff);
  color: #000;
  text-align: center;
  padding: 4px;
  font-family: Impact, "Arial Black", sans-serif;
  letter-spacing: 1px;
}
.banner h1 {
  margin: 4px 0;
  font-size: 34px;
  color: #ffff00;
  -webkit-text-stroke: 1px #000;
  text-shadow: 3px 3px 0 #0000aa, -1px -1px 0 #ff00ff;
  font-family: Impact, "Arial Black", sans-serif;
}
.sub {
  background: #000000;
  color: #00ff00;
  font-family: "Courier New", monospace;
  font-size: 13px;
  padding: 4px 8px;
  text-align: center;
}
.nav {
  background: #000080;
  text-align: center;
  padding: 6px 4px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
}
.nav a {
  color: #ffff00;
  background: #800000;
  border: 2px outset #ffcccc;
  padding: 2px 7px;
  margin: 2px;
  text-decoration: none;
  display: inline-block;
}
.nav a:hover { background: #ff0000; color: #ffffff; }
.content { padding: 10px 14px 16px; background: #ffffcc; }
.content h2 {
  font-family: "Times New Roman", serif;
  color: #800000;
  border-bottom: 3px double #000080;
  margin: 12px 0 6px;
}
.inset {
  background: #ffffff;
  border: 3px groove #808080;
  padding: 8px;
  margin: 8px 0;
}
.fire {
  background: #000000;
  color: #ff3300;
  font-family: "Courier New", monospace;
  text-align: center;
  padding: 6px;
  border: 2px solid #ff0000;
}
.counter {
  display: inline-block;
  background: #000000;
  color: #33ff33;
  font-family: "Courier New", monospace;
  border: 3px inset #666;
  padding: 2px 8px;
  letter-spacing: 3px;
}
.footer {
  background: #000000;
  color: #aaaaaa;
  font-family: Verdana, sans-serif;
  font-size: 11px;
  text-align: center;
  padding: 8px;
}
.footer a { color: #00ff00; }
table.layout { width: 100%; border-collapse: separate; border-spacing: 8px; }
td.side {
  width: 180px;
  vertical-align: top;
  background: #99ccff;
  border: 3px ridge #ffffff;
  padding: 6px;
  font-size: 13px;
}
td.main { vertical-align: top; }
.construction {
  background: #ffff00;
  color: #000;
  border: 3px dashed #ff0000;
  text-align: center;
  font-weight: bold;
  padding: 6px;
  font-family: Impact, sans-serif;
}
blockquote.priere {
  background: #ffe0f0;
  border-left: 8px solid #ff00aa;
  margin: 8px;
  padding: 8px 12px;
  font-family: "Times New Roman", serif;
  font-style: italic;
}
hr.rainbow {
  border: 0;
  height: 6px;
  background: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet);
}
ul { margin-top: 4px; }
li { margin-bottom: 4px; }
.stamp {
  float: right;
  width: 110px;
  height: 110px;
  border: 4px double #cc0000;
  border-radius: 50%;
  text-align: center;
  font-size: 11px;
  color: #cc0000;
  transform: rotate(12deg);
  line-height: 1.15;
  padding-top: 28px;
  margin: 4px;
  background: rgba(255,255,255,0.7);
  font-family: Impact, sans-serif;
}
.guest {
  background: #e0ffe0;
  border: 2px solid #008000;
  margin: 6px 0;
  padding: 6px;
  font-family: "Courier New", monospace;
  font-size: 13px;
}
.webring {
  text-align: center;
  background: #dddddd;
  border: 2px inset #fff;
  padding: 6px;
  margin-top: 10px;
  font-size: 12px;
}