/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 13 2026 | 08:52:58 */
/* ---------------------------------------------------------------------------------------- */
/* Custom CSS for H5P. Fonctionne en corrélation avec le Custom PHP de l'extension Snippets */
/* Fait par Mathias le 13/11/2026 */
/* ---------------------------------------------------------------------------------------- */

/* Pour l'activité "Image Choice", affiches 2 images sur une ligne, sur les mobiles */
@media screen and (max-width: 767px) {
  
  .h5p-content[data-content-id="28"] .h5p-multi-media-choice-option-list, 
  .h5p-content[data-content-id="29"] .h5p-multi-media-choice-option-list 
  {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
  }

  .h5p-content[data-content-id="28"] .h5p-multi-media-choice-list-item,
  .h5p-content[data-content-id="29"] .h5p-multi-media-choice-list-item
  {
    width: calc(50% - 10px) !important;
    margin-bottom: 15px !important;
    display: block !important;
    box-sizing: border-box !important;
  }
}

/* Mise en forme de la zone Feedback */
  .h5p-content[data-content-id="28"] .h5p-question-feedback-content,
  .h5p-content[data-content-id="29"] .h5p-question-feedback-content 
  {
    background: #EEE;
    color: black;
	font-weight: normal;
	padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
  }

/* Suppression de l'affichage de la zone des commentaires de réponses */
  .h5p-content[data-content-id="28"] .h5p-question-explanation,
  .h5p-content[data-content-id="29"] .h5p-question-explanation 
  { 
    display: none;
  }