.articlee{
    float: left !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column ;
    padding: 60px 0px !important;
    gap: 20px !important;
    background-color: white;
  }

  .publie{
    float: left !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column;
    gap: 20px;
  
  }
  .articlee .image{
    width: 100% !important;
    padding: 20px !important; 
  }

  .comment{
    width: 100% !important;
    float: left !important;
    padding: 20px 0px !important;
  }
  .comment form{
  width: 100% !important;
  float: left !important;
  padding: 15px !important;
  }

  #liste .listeProduct{
    float: left;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 20px;
    padding: 30px 2%;
    padding-bottom: 100px;
  }
  .infostotal .ploun{
    width: 80%;
    float: left;
    display: flex !important;
     justify-content: space-between !important;
     padding: 10px;
   
   }
   .bloging{
    display:grid !important; 
    padding:26px !important; 
    grid-template-columns:repeat(1,1fr) !important;
    gap: 15px !important;
  }
  .auteur .profil{
    float: left;
    border: 2px solid #ef9527;
    border-radius: 50%;
    height: 90px;
    width: 90px;
    overflow: hidden;
    background-size: cover;
  }
  .auteur{
    float: left;
    width: 100%;
    padding:20px 10px;
    display: flex;
    gap: 20px;
  }
  .profil img{
    width: 100%;
    height: 100%;
  }