.carrecat {
      display: inline-block;
      width:10px;
      height:10px;
      margin-right: 5px;
    }

    .dcat a{
      text-decoration: none;
    }
  
/* ---- STYLES SPECIFIQUES A LA PAGE TOPIC ---- */

  .topicLane {
    padding-top:10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
  }

  .lkTopic {
    color:#333;
    text-decoration: none;
  }

  .lkTopic:hover div{
    background-color: #efefef;
  }

  .avatar {
    border-radius:50px;
    background-color: orangered;
    color:#fff;
    width:40px;
    height:40px;
    /*padding-top: 1px;*/
    font-size: 1.7rem;
    text-align: center;
  }


  @media (min-width: 992px) { 
    .avatar {
      width:50px;
      height:50px;
      font-size: 2rem;
    }
  }

  .ctMessage {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
  }


  .auteur {
    color:#555;
    font-weight: bold;
    font-size: 20px;
  }


  .lkResp {
    text-decoration: none;
  }

  h1 {
    text-align: center;
    font-size:30px;
    font-weight: bold;
    padding-top:15px;
  }

  .ladate {
    text-align: right;
    color:#777;
    font-size:0.8rem;
    padding-top:5px;
  }


  .cat {
    font-size:0.9rem;
  }

  .topic {
    line-height:30px;
      padding-left: 25px;
  }

  .tc {
    text-align: center;
  }

.msgp {
    text-decoration: none;
    color:#444;
}

.msgp:hover {
    color:#222;
}

.containerImg {
    width: 100%;
    height: 270px;
    overflow: hidden;
    overflow-x: auto; /* Ajout de la barre de défilement horizontale */
    white-space: nowrap; /* Empêche le retour à la ligne des éléments */
    padding-bottom: 10px;
}


#dCat {
    cursor: pointer;
}

.file-dropzone{
    text-align: center;
    padding: 25px 0;
    border: 4px dotted #ccc;
    border-radius: 15px;
    cursor: pointer;
    margin-bottom: 15px;
}

.addi {
    padding-bottom:5px 0;
    cursor: pointer;
    opacity:0.8;
}

.addi:hover {
    opacity:1;
}