/* extra.css */
.md-sidebar {
  display: none;
}

/* Change le fond de la page */
:root {
  --md-default-bg-color: #f9f3ee;
  --md-primary-fg-color: #e2839c;
  --md-accent-fg-color: #e2839c;
}

/* Change la couleur du header */
.md-header {
  background-color: var(--md-primary-fg-color);
}

/* Change la couleur du footer */
.md-footer {
  background-color: var(--md-default-bg-color);
  color: var(--md-primary-fg-color);
}


/* Style pour le conteneur personnalisé */
.custom-container {
  padding: 10px;
  width: 90%;
  max-width: 1200px;
  margin: 20px auto;
  display: flex;
  align-items: center;
  background-color: transparent; /* Suppression de la couleur de fond */
  border: none; /* Suppression des bordures */
}

/* Style pour l'image à gauche */
.custom-container img {
  width: 100px;
  height: auto;
  margin-right: 10px;
  border-radius: 10px;
  user-select: none; /* Empêche la sélection de l'image */
  cursor: pointer; /* Change le curseur pour un style interactif */
  moz-user-select: none;
  webkit-user-select: none;
}

/* Style pour le texte à droite */
.custom-container div {
  color: #000000;
  flex: 1; /* Permet au texte de prendre tout l'espace disponible à droite */
}

.custom-container h3 {
  color: #000000; /* Suppression du rose */
  margin: 0;
}

.custom-container p {
  margin: 5px 0 0;
}

.custom-box {
    border: 2px solid #FF69B4;
    padding: 10px;
    border-radius: 5px;
    background-color: #FAF3E0;
    display: flex;
    align-items: center;
}

.custom-box strong {
    color: #FF69B4;
    font-size: 1.2em;
    margin-right: 10px;
}

.custom-box p {
    color: #000000;
    margin: 0;
    padding-left: 5px;
    line-height: 1.4;
}