body {
    height: 100vh; /* Prend toute la hauteur de la fenêtre */
    margin: 0;
    background: linear-gradient(to bottom, #164C59, #0B243B);
    background-attachment: fixed;
    background-size: cover;
}
.btn-nav {
    background: #02303D;
    color: #fff;
    border-radius: 0px;
    border-top: 2px solid #315766;
    border-bottom: 3px solid #022837;
}
.btn-nav:hover {
    border: 1px;
    color: #fff;
    border-top: 2px solid #315766;
    border-bottom: 2px solid #2A7F9E;
}

 h1 {
     color: #fff;
 }
 .form-select {
     background: #3E6877;
     border: 0px;
     color: #fff;
     padding: 8px 70px 8px 10px;
 }
 .input-connection {
     background: #072C35;
     border: 1px solid #022837;
     color: #fff;
 }
.input-connection:focus {
    background: #072C35;
    color: #fff;
}
.label-connection {
    color: #fff;
}
#loginForm {
    background: #02303D;
    padding: 3px;
    border: 1px solid #022837;
    border-radius: 10px;
}
#button-connection {
    background: #3E6877;
    color: #fff;
    border: none;
    padding: 5px 15px 5px 15px;
}
.h2-piece {
    color: #fff;
}

.list-object:hover {
    background: #fff;
    scale: 103%;
    border-radius: 10px;
}
.button-param {
    background: #D2D9E1;
    height: 42px;
    width: 42px;
    border: 0px;
    border-radius: 100%;
}
.button-param:hover {
    border: 1px solid #ACB4BD;
    color: #414447;
}

.range-param {
    background: #D2D9E1;
    padding: 5px 10px 5px 10px;
    border-radius: 10px;
}
input[type="range"]::-webkit-slider-thumb {
    background: #6C63FF; /* couleur du bouton */
}

.p-param {
    margin-bottom: 0px;
}

.icon {
    margin: 0px;
}
.titre-object {
    font-size: 24px;
}


.toast-danger {
    background-color: rgba(220, 53, 69, 0.8);
    background-color: brown;
    color: white;
}