/* Style général */
body {
  background-color: black;
}

/* Style du conteneur */
#conteneur {
  background: url("/isabelle.jpg") center center no-repeat;
  background-size: cover;
  margin: calc(50vh - 330px) auto 0; /* Centrage horizontal et vertical */
  height: 660px;
  width: 920px;
  display: flex; /* Utilise flexbox pour le layout */
  position: relative; /* Position relative pour le positionnement absolu d'enfants, si nécessaire */
}

/* Style commun pour gauche et droite */
#gauche, #droite {
  box-sizing: border-box; /* Inclut padding et border dans les dimensions */
  width: 460px; /* Largeur fixe */
  height: 100%; /* Prend toute la hauteur du conteneur */
}

/* Style spécifique pour les hovers */
#gauche:hover, #droite:hover {
  border-style: solid;
  border-color: bisque;
  border-width: 20px;
}

#gauche:hover {
  border-width: 20px 0 20px 20px;
}

#droite:hover {
  border-width: 20px 20px 20px 0;
}