:root {
    /* --bs-navbar-color: red; */
}



.logo
{
    width: 100px;
}

.navbar {
  height: 150px;
  background-color: #87cb54;
  /* margin: 0;
  padding: 0px 20px;
  
  position: fixed;
  height: 100%; */
  /* overflow: auto; */
}


.img-accueil {
    position: relative;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.title {
    color: white;
    font-size: 5vw;
    font-family: Copperplate, Papyrus, fantasy;
}

.image-ovale {
    width: 200px;       /* Largeur de l'image */
    height: 200px;      /* Hauteur différente pour créer l'ovale */
    border-radius: 50%; /* Arrondit les angles pour faire la forme */
    object-fit: cover;  /* Empêche l'image de se déformer/s'écraser */
}

.image-arrondie {
    width: 100px;       /* Largeur de l'image */
    height: 100px;      /* Hauteur différente pour créer l'ovale */
    border-radius: 25%; /* Arrondit les angles pour faire la forme */
    object-fit: cover;  /* Empêche l'image de se déformer/s'écraser */
}

/* @media (max-width: 992px) {
    #salon .vr {
        visibility: hidden;
        height: 10px;
    }

    #salon hr {
        visibility: visible;
    }
}

@media (min-width: 992px) {
    #salon hr {
        visibility: hidden;
    }

    #salon .vr {
        height: 700px;
        width: 2px;
        visibility: visible;
    }
} */