body{background-color: rgb(255, 255, 255);}
.titre{text-align: center;}

.conteneur{
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    background-image: url(fd1.png);
    top: 0%;
    left: 0%;
    margin-left: auto;
}
.rectangle{
    background: rgb(58,136,180);
    background: linear-gradient(90deg, rgba(58,136,180,1) 0%, rgba(41,64,166,1) 29%, rgba(36,142,205,1) 92%); 
    position: fixed;
    top: 0%;
    left: 0%;
    height: 77px;
    width: 100%;
}

.home {
    background-image: url(home.png);
    background-size: cover;
    width: 27px;
    height: 27px;
    position: fixed;
    left: 38px;
    top: 38px;
    margin: auto;
    transform: translate(-50%, -50%);
}


.rectangle2{
    background-color: rgb(255, 255, 255);
    position: fixed;
    top: 77px;
    left: 0%;
    height: 38px;
    width: 100%;
}
.tabs {
    display: flex;
}

.tab {
    padding: 10px 8.2%; /* pour ajouter de l'espacement autour du texte */
    text-decoration: none; /* pour retirer la ligne de soulignement */
    color: rgb(101, 100, 179); /* pour définir la couleur du texte */
    margin-right: 50px; /* pour ajouter de l'espacement entre les onglets */
    margin: auto;    
  }
.H {
    color: rgb(0, 0, 255);
    background: rgb(26,33,66);
    background: linear-gradient(90deg, rgba(26,33,66,0.5047152650122548) 0%, rgba(26,33,66,0.5019141445640756) 92%);
}

.logo:hover{

    color: rgb(0, 0, 255);
    background: rgb(26,33,66);
    background: linear-gradient(90deg, rgba(26,33,66,0.5047152650122548) 0%, rgba(26,33,66,0.5019141445640756) 92%);  
}

.log:hover{

    width: 30px;
    height: 30px;
    position: fixed;
}

.Singe{

    background-image: url(singe.png);
    background-size: cover;
    width: 87px;
    height: 77px;
    position: fixed;
    left: 47.3%;
    top: 2%;
}

table {
    border-collapse: collapse;
    width: 100%;
    position:absolute;
    top: 400px;
  }
  
  th, td {
    border: 1px solid black;
    background: rgb(0,255,242);
    background: linear-gradient(90deg, rgba(0,255,242,0.38) 0%, rgba(0,255,242,0.38426708574054624) 100%);
    padding: 8px;
    text-align: left;
  }
  
  th {
    background: rgb(0,191,255);
    background: linear-gradient(90deg, rgba(0,191,255,0.45) 0%, rgba(0,191,255,0.4) 100%);
  }
  
  .Titre{

    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 100%); 
    position: absolute;
    bottom: -335%;
    left: 36%;
    width: 27%;

    color: rgb(122, 242, 255);
    font-size: 134%; /* 100% de la taille de police parente */
    text-align: center;
}