@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400&family=Roboto:ital,wght@0,400;0,700;1,500&display=swap");

html {
    font-family: "Open Sans", sans-serif;
}
body{
    font-family: "Open Sans", sans-serif;
}

table,tr, td, th {
    border: solid 1px rgb(227, 224, 224);
    border-collapse: collapse;
    background-color: rgb(212, 248, 246);
  
}

td, th {
    padding:10px 5px;
}

h1 {
    color:rgb(0, 6, 85);
}

h2 {
    color: rgba(0, 6, 85);
}
h3, h4{
    text-align: center;
}

label {
    display:block; 
}

input, button {
    margin-bottom:20px;
}

.image{
    width:200px;
}

.img-aleatoire{
    
    width:300px;
    height: 200px;
    margin: 1rem auto;
}

.title-ficheProp{
    text-align: center;
}

.para{
    color: blue;
}

.btn-actions{
    width: 10%;
}

.btn-link{
   color:var(--bs-body-color);
   text-transform: uppercase;
   text-decoration: none;
   padding:0 1rem;
}

.btn-link:hover{
    color:white;
    background-color: rgb(91, 173, 246);
    padding:0 1rem;
 }

 .btn-link-delete{
    color:red;
    text-transform: uppercase;
    text-decoration: none;
    padding:0 1rem;
 }
 
 .btn-link-delete:hover{
     color:white;
     background-color: red;
     padding:0 1rem;
  }
 
.liste li{
    /* border: 1px solid red; */
    padding: 0  1rem;
    margin-bottom: 1rem;
    text-align: left;
    width: 12rem;

}
.liste-item{
    display: inline-block;
    padding: 0.5rem 0 1rem 1rem;
    text-align: left;
    
}

.title{
    text-align: left;
    margin: 2.5rem;
    background-color:rgb(212, 248, 246);
    color: #000;
}


.hide{
    display: none;
}

.erreur{
    color: red;
}