#container-com-interne{
/*  background-image: url(https://intranet.penet-plastiques.fr/wp-content/themes/themepenet/images/billets/com_interne-reverse.png);*/
  background-repeat: no-repeat;
  background-position: top right;
  margin-top: -25px;
  padding-top: 25px;
}

#content-com-interne{
  margin-bottom: 30px;
}

.entete-poste{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 2%;
  align-items: center;
}

.tablette{
  display: none;
}

.notablette{
  display: block;
}

.tablette h2, .notablette h2{
    color: #393;
    text-transform: uppercase;
    font-weight: bold;
    font-size: x-large;
}

.billets-com-interne-cse, .billets-com-interne-vie, .billets-com-interne-commerce {
  height: 650px;
  overflow-y: scroll;
}

.billets-com-interne{
    padding: 2%;
    color: black;
    max-width: 100%;
    overflow: auto;
    border-radius: 20px;
    background-color: white;
    margin: 4px;
    margin-bottom: 20px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.Nouveau {
    background-image: url(https://intranet.penet-plastiques.fr/wp-content/themes/themepenet/images/billets/news.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-color: aliceblue;
}

.billets-com-interne h2{
    font-size: Large;
    margin-bottom: 27px;
    text-transform: uppercase;
    font-weight: bold;
    color: white !important;
}

.billets-last-com-interne{
  background-image: url(https://intranet.penet-plastiques.fr/wp-content/themes/themepenet/images/billets/news.png);
  background-repeat: no-repeat;
  background-position: top right;
  background-color: #09c;
  padding: 2%;
  margin-bottom: 15px;
  color: white;
  box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
    border-radius: 20px;
}

.billets-com-interne h3{
    font-size: Large;
    margin-bottom: 25px;
    text-transform: uppercase;
    font-weight: bold;
}

.billets-container{
 display: grid;
    grid-template-columns: 33% 33% 33%;
    grid-gap: 25px;
    margin-top: 30px;
}

.billets-container h2{
  color: white;
  text-transform: uppercase;
  margin: auto;
  margin-bottom: 15px;
  background-color: #09c;
  padding: 5px;
  text-align: center;
  border-radius: 5px;
}

#last-com-interne{
  color: white;
  font-size: 17px;
}

#content-ajout-com-interne{
    max-width: 1100px;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 40px;
}

.button-54 {
  position: relative;
  background-color: #393;
  color: white;
  margin: 20px 0;
  border: 0 solid #E5E7EB;
  display: block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.75rem;
  padding: 0.75rem 1.65rem;
  cursor: pointer;
  user-select: none;
  max-width: 100%;
}

.button-54:after {
  content: '';
  position: absolute;
  border: 2px dashed #000000;
  bottom: 4px;
  left: 4px;
  width: calc(100% - 1px);
  height: calc(100% - 1px);
  transition: left 0.5s, bottom 0.5s;
}

.button-54:hover:after {
  bottom: 2px;
  left: 2px;
}

@media (max-width: 1150px) {

  .tablette{
    display: block;
    margin-top: 40px;
  }

  .notablette{
    display: none;
  }

  .grid_com_like{
    display: flex;
    flex-direction: column;
  }

  #content-ajout-com-interne, #content-ajout-echange{
      width: 95%;
  }

  #container-com-interne, #container-echange{
    background-image:none;
  }

  .entete-poste {
    display: flex;
    flex-direction: column;
    grid-gap: 2%;
    align-items: normal;
  }

}