#Boite_haut_droite{
    margin-left: 20px;
}
.imgnotif{
    max-height: 30px;
    width:auto;
}
.imglogo{
    max-width:340px;
    margin-right: 40px;
    position: absolute;
    top: 30px;
    left: 24px;
}
@media screen and (max-width: 1400px) {
    .imglogo {
        max-width:220px;
    }
}
.pieceimg{
    max-height: 14px;
    width:auto;
}
#financetxt{
    min-width:80px;
}

.elemhead{
    margin-left: 22px;
    margin-right: 22px;
    padding-top:1vh;
}
#contenthead{
    border: 2px solid rgb(156, 160, 50);
    width:650px;
    display: flex;
    max-height: 70px;
    background-color: #243a64;
    z-index: 4;
}
#pseudojoueur{
    color:#CCCDD0;
}
#pseudojoueur:hover{
    color:#CCCDD0;
    font-weight: bold;
    font-size:98%;
}


#boxheader{
    align-items: center;
    display: flex;
    justify-content: center;
    top:0px;
    margin-bottom: 20px;
    margin-top: 4px;
}


#saisonnb{
   color:#CCCDD0;
}
#imgfriend{
    height:30px;
    max-height:30px;
    padding-right:0.5vw;
    margin-right:-0.5vw;
    float:right;
    border: 1px solid rgb(156, 160, 50);
    background-color: #243a64;
}
#imgfriend:hover{
    cursor: pointer;
}
#divfriend{
    overflow-x: hidden;

}
#divfriendlist {
    position: absolute; 
    z-index: 6;       
    top: 100%;        
    right: 0;           
    background-color: #3a4b70;
    border: 2px solid rgb(156, 160, 50);
    color: #CCCDD0;
    width:10vw;
    min-height:200px;
    visibility:hidden;
}
#divfriendnall{
    position: fixed; /* Fixé par rapport à la fenêtre */
    right: 0;        /* Toujours aligné à droite */
    top: 10%;
    z-index: 7; 
}
#subtitlediv{
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction:column;
}

.subtitlefriend{
    text-align:center;
    width:10vw;
    background-color: #243a64;
}
.divaskfriend{
    border: 1px solid #d0d0d0;
    background-color: #2b4473;
    margin:12px;
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction:column;
    position: relative;
}
.divaskfriend:hover{
    background-color: #3a4b70;
}
.linkfriend{
    text-decoration:none;
     font-size:1rem;
}
.linkfriend:hover{
    text-decoration-line: underline;
    font-weight:normal;
    font-size:1rem;
}
.circle-image {
    position: absolute;
    bottom: -10px; /* Ajuste la hauteur pour chevaucher la div */
    width: 40px;
    height: 40px;
    border-radius: 50%; /* Rend les images circulaires */
    border: 1px solid white; /* Ajoute une bordure blanche */
     background-color: #3a4b70;
}
.accept{
    height:16px;
    width:16px;
    right: 25px;
}
.refuse{
    height:16px;
    width:16px;
    right: 5px;
}
.circle-image:hover{
    border: 2px solid white; /* Ajoute une bordure blanche */
}
.divfriend{
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    background-color: #2b4473;
    height:32px;
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.divfriend:hover{
    background-color: #3a4b70;
}
.image-container{
    margin-right:4px;
    min-width:80px;
}
.circle-imagebis {
    width: 40px;
    height: 40px;
    border-radius: 50%; /* Rend les images circulaires */
    border: 1px solid white; /* Ajoute une bordure blanche */
}
.circle-imagebis:hover{
    border: 2px solid white; /* Ajoute une bordure blanche */
}
.refusebis{
    height:20px;
    width:20px;
}
.sendmessage{
     height:20px;
    width:20px;
    padding:2px;
}
.match{
     height:20px;
    width:20px;
    padding:2px;
}
.linkfriendbis{
    text-decoration:none;
     font-size:1rem;
}
.linkfriendbis:hover{
    text-decoration-line: underline;
    font-weight:normal;
    font-size:1rem;
}

@media screen and (max-width: 999px) {
    .imglogo {
        display:none;
    }
    .elemhead{
        font-size:8px;
        margin-left: 12px;
        margin-right: 12px;
    }
    .elemhead:hover{
        font-size:8px;
    }
    .pieceimg{
        max-height: 8px;
    }
    .imgnotif{
        max-height: 16px;
        width:auto;
    }
    #pseudojoueur:hover{
        font-size:8px;
    }
    #contenthead{
        width:360px;
    }
    #imgfriend{
    height:24px;
    width:24px;
    }
    .subtitlefriend{
        font-size:12px;
        width:100px;
    }
    #divfriendlist{
        width:100px;
    }
    .linkfriend{
     font-size:8px;
         margin-right:6px;
}
    .linkfriend:hover{
        font-size:8px;
    }
    .linkfriendbis{
    font-size:8px;
        margin-right:6px;
}
.linkfriendbis:hover{
    font-size:8px;
}
.circle-imagebis {
    width: 26px;
    height: 26px;
    border-radius: 50%; /* Rend les images circulaires */
    border: 1px solid white; /* Ajoute une bordure blanche */
}
.refusebis{
    height:14px;
    width:14px;
}
.sendmessage{
     height:14px;
    width:14px;
}
.match{
     height:14px;
    width:14px;
}
.divfriend{
    padding-left:4px;
}
 .divaskfriend{
    padding-left:4px;
}   
}