/* ### Images Articles placées en haut ### début */

/* Sélecteur très spécifique pour cibler la colonne de droite */
body .layout.layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second {
  display: block !important;
  position: static !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
}

/* Cibler le bloc contenant les images avec un sélecteur spécifique */
body .layout.layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second > .block {
  width: 100% !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
}

/* Réinitialiser l'alignement du contenu du bloc */
body .layout.layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second .block-content {
  display: block !important;
  text-align: left !important;
}

/* Cibler le conteneur des images */
body .layout.layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second .block-content > div {
  display: block !important;
}

/* Ajuster chaque élément d'image */
body .layout.layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second .field-item {
  display: block !important;
  width: 100% !important;
  margin-bottom: 20px !important;
}

/* S'assurer que les images sont responsives */
body .layout.layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second .field-item img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* Supprimer les marges superflues */
body .layout.layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second .block:first-child {
  margin-top: 0 !important;
}

/* Forcer le contenu à s'afficher */
body .layout.layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second * {
  visibility: visible !important;
  opacity: 1 !important;
}

/* ### Images Articles placées en haut ### fin */





/* Colonne Action des vues */
.js td .dropbutton-multiple {
    max-width: 100%;
    margin-right: 0; 
    padding-right: 0;
}



/* Application de la couleur des types d'articles (vue liste type d'articles) */
.color-example {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-weight: bold;
}

.color-example .color-code {
  display: block;
  font-size: 0.8em;
  margin-bottom: 3px;
}

.color-example .color-text {
  display: block;
}
/* Application de la couleur des types d'articles (vue liste type d'articles) */