body {
    display: block;
    background-image: url('../02_photos_ok/tapisserie03.avif');
    background-repeat: repeat;       /* fait répéter l'image */
    background-attachment: fixed;    /* optionnel : effet "fixe" au scroll */
    background-color: #01291a;       /* une couleur de fond proche, en secours */
    background-size: 300px 300px;  /* largeur hauteur */
}

h1 {
    color: rgb(233, 194, 79);
    text-align: center;
    font-size: 2em;
    margin-top: 20px;
}
#cadre {
    height : 90vh;
}
#noeudd img {
    height: 50px; 
    margin: 5px;
}
#noeudd {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
h2{    
    color: rgb(233, 194, 79);
    margin-top: 20px; 
    font-size: 2em;
}




#objets {
    padding: 20px;
    margin-top: 20px;  
    background-color: transparent;
    z-index: 1;
    display: flex;
    justify-content: center; /* centre horizontalement */
    flex-wrap: wrap;         /* permet le retour à la ligne si besoin */
    gap: 10px;               /* espace entre les images, optionnel */
    margin-bottom: 20px; /* pour espacer les blocs */
}

#objets01 img {
    height: 20vh;
}
#objets02 img {
    height: 20vh;
}



#sac{
    height: 50vh;
    position: relative ;
}
#sac:hover {
    content: url("../02_photos_ok/sac02.png");
}


.cadre-container {
  position: relative;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}

 


/* Bordures */

.cadre-top,
.cadre-bottom {
  position: absolute;
  left: 0;
  width: 100%;
  height: 30px;
  background-image: url('../02_photos_ok/diamant02.png');
  background-repeat: repeat-x;
  background-size: contain;
  z-index: 2;
}

.cadre-top {
  top: 0;
  transform: translateY(-100%);
}

.cadre-bottom {
  bottom: 0;
  transform: translateY(100%);
}

.cadre-left,
.cadre-right {
  position: absolute;
  top: 0;
  height: 100%;
  width: 30px;
  background-image: url('../02_photos_ok/diamant06.png') ;
  background-repeat: repeat-y;
  background-size: contain;
  z-index: 2;
}

.cadre-left {
  left: 0;
  transform: translateX(-100%);
}

.cadre-right {
  right: 0;
  transform: translateX(100%);
}



#message {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-image: url('../02_photos_ok/meme01.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: none; /* caché au départ */
  justify-content: center;
  align-items: center;
  z-index: 9999; /* au-dessus de tout */
}


#meme-img {
  max-width: 60vw;   /* ajuste la taille de l'image */
  max-height: 60vh;
  margin-bottom: 20px;
}


#fullmessage {
  font-size: 5vw;
  color: gold;
  text-align: center;
  font-weight: bold;
  text-shadow: 2px 2px 10px black;
  padding: 20px;
}