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

.conteneur{
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    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;    
  }

.G{
    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%;
}