.profilContainer, .productContainer {
    /* Styles généraux pour la section du profil */
    position: relative;
    height: auto;
    width: 100%;
    display: flex;
    align-items: center;
    text-decoration:none;
    justify-content: space-between;
    /* background-color: red; */

    /* border-bottom: 1px solid #dedede; */
  }

  .profilContainer, .productsContainer {
    /* Styles généraux pour la section du profil */
    position: relative;
    height: auto;
    width: 100%;
    
  }


  .profilInfosContainer, .productInfosContainer {
    /* Styles pour le conteneur des informations du profil */
    position: relative;
    height: auto;
    width: 80%;
    display: flex;
    align-items: center;
    text-decoration:none;
    /* justify-content: center; */
    /* background-color: rgb(0, 42, 255); */

  }

  .profilPictureContainer, .productImageContainer{
    /* Styles pour le conteneur de l'image de profil */
    position: relative;
    height: auto;
    width: auto;
    display: flex;
    align-items: center;
    text-decoration:none;
    justify-content: center;
    /* background-color: rgb(0, 255, 72); */
    margin: 16px;
    margin-top: 8px;
    margin-bottom: 8px; 

  }
  .productImageContainer {
    border-radius: 50%;
  }

  .profilPictureContainer img, .productImageContainer img, .listImage{
    /* Styles pour l'image de profil */
    position: relative;
    height: 80px;
    width: 80px;
    display: flex;
    align-items: center;
    text-decoration:none;
    justify-content: center;
    /* background-color: rgb(242, 0, 255); */
    border-radius: 50%;
    /* border-radius: 12px; */
    object-fit: cover;
    animation: contentLoading 1.4s linear infinite; /* Adjust duration and timing function */
  }



  .productNameContainer{
    position: relative;
    width: auto;
    /* min-width: 200px; */
    font-size: 14px;
    height: auto;
    font-weight: 400;
  }
  .speudoContainer {
    /* Styles pour le conteneur du pseudo (nom d'utilisateur) */

  }

  .registrationDateContainer {
    /* Styles pour le conteneur de la date d'enregistrement */
    
  }

  .editLogoContainer {
    /* Styles pour le conteneur du logo d'édition */
    position: relative;
    height: 100%;
    width: auto;
    min-width:20%;
    display: flex;
    align-items: center;
    text-decoration:none;
    justify-content: center;
    padding: 8px 14px  8px 14px;
    background-color: rgb(186, 232, 161,0.4);
    border-radius: 2em;
    margin: 18px;
    color: black;
    font-size: 12px;
    text-decoration: none;
    color: var(--ecriture);
    
    /* display: none; */
    /* background-color: rgb(255, 242, 0); */

  }

  .editLogoContainer .editLogo {
    /* Styles pour le logo d'édition */
    position: relative;
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    text-decoration:none;
    justify-content: center;
    /* background-color: rgb(0, 255, 72); */
    border-radius: 50%;
    padding: 4px;
    cursor: pointer;
    /* margin: 16px; */
  }
  .editLogoContainer .editLogo:hover {
    background-color: rgb(243, 243, 243);
  }

  .littleText{
      font-size:10px;
      font-style: italic;
      color:rgb(175, 175, 175);
  } 

  .noBorder{
    border-bottom: 0px;
  }


  @media(max-width: 700px) {

    .profilPictureContainer img, .productImageContainer img, .listImage{

        width: 60px;
        height: 60px;
    }
  }