/* --- Body --- */
body {
  background: url("https://i.pinimg.com/1200x/14/03/fb/1403fbac7bacfe796aaefd3e0d46b065.jpg") no-repeat center center fixed;
  background-size: cover;
  font-family: 'Press Start 2P', cursive;
  color: #333;
  text-align: center;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  position: relative;
}

/* --- Header --- */
header {
  background: url("https://i.pinimg.com/1200x/96/18/2a/96182a4f049f2d1d513842905a606a9c.jpg") no-repeat center top;
  background-size: cover;
  padding: 40px 20px;
  min-height: 150px;
  border-bottom: 4px dashed #87CEFA;
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 2;
}

header h1 {
  position: relative;
  z-index: 2;
  font-size: 2.5em;
}

/* --- Footer --- */
footer {
  background: url("https://i.pinimg.com/1200x/1e/c6/ec/1ec6ec58bbd98dd2473114b574e6615f.jpg") no-repeat center bottom;
  background-size: cover;
  padding: 60px 20px;
  text-align: center;
  color: #FFC0CB;
  border-top: 4px dashed #87CEFA;
  position: relative;
  z-index: 2;
}

/* --- Sections --- */
section {
  font-size: 20px;
  padding: 15px;
  margin: 15px auto;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  width: 90%;
  max-width: 800px;
}

/* --- Bordures classiques --- */
.border-box {
  border: 4px double #87CEFA;
  padding: 15px;
  margin: 10px auto;
  background-color: #e0f7ff;
  border-radius: 10px;
  width: 80%;
}

.border-box.dotted {
  border-style: dotted;
}

/* --- GIFs --- */
.gif-img {
  width: 150px;
  margin: 10px;
  border: 3px solid #87CEFA;
  border-radius: 10px;
}

/* --- Boutons --- */
a.button {
  display: inline-block;
  text-decoration: none;
  padding: 15px 25px;
  font-size: 20px;
  background: url("https://i.pinimg.com/736x/d4/4c/94/d44c942113101a583d8be9e8be199da7.jpg") no-repeat center center;
  background-size: cover;
  color: #1E90FF;
  font-weight: bold;
  border-radius: 8px;
  border: 2px solid #87CEFA;
  margin: 10px;
  transition: transform 0.2s;
  position: relative;
  z-index: 2;
}

a.button:hover {
  transform: scale(1.1);
  filter: brightness(1.1);
}

/* --- Images pixel / décoratives --- */
.pixel-img {
  width: 150px;
  margin: 10px;
  border: 3px solid #87CEFA;
  border-radius: 5px;
  image-rendering: pixelated;
}

/* --- Suppression des bandes décoratives --- */
.image-band,
.image-band.small {
  display: none;
}

body {
    cursor: url('images/Cursor.png') 16 16, auto; /* 16 16 = centre si image 32x32 */
}