/* --- Styles de texte --- */

/* Gras et italique */
.bold { font-weight: bold; }
.italic { font-style: italic; }

/* Centrage et justification */
.center { text-align: center; }
.justify { text-align: justify; }

/* Tailles de police */
.small { font-size: 0.9em; }
.medium { font-size: 1.1em; }
.large { font-size: 1.4em; }
.xlarge { font-size: 2em; }

/* Couleurs */
.red { color: red; }
.blue { color: #0055aa; }
.green { color: green; }
.gray { color: #555; }

/* Mise en valeur */
.highlight {
  background-color: yellow;
  padding: 2px 4px;
  border-radius: 3px;
}

/* Espacement entre paragraphes */
.spacing { margin-bottom: 15px; }

/* --- Styles des boutons --- */

.btn {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: bold;
  transition: background 0.3s, color 0.3s, transform 0.2s;
}

/* Bouton principal */
.btn-primary {
  background: #0055aa;
  color: #fff;
}

.btn-primary:hover {
  background: #003366;
  color: #ffcc00;
  transform: scale(1.05);
}

/* Bouton secondaire */
.btn-secondary {
  background: #eee;
  color: #333;
  border: 1px solid #ccc;
}

.btn-secondary:hover {
  background: #ddd;
  color: #000;
  transform: scale(1.05);
}

/* Bouton danger (ex: supprimer) */
.btn-danger {
  background: #cc0000;
  color: #fff;
}

.btn-danger:hover {
  background: #990000;
  color: #ffcc00;
  transform: scale(1.05);
}

/* Zone de pagination */
.pagination {
  margin-top: 20px;
  text-align: center;
}
.pagination .btn {
  margin: 0 5px;
}
/* ajout 19 11 25*/
#content {
  flex: 1; /* occupe l’espace restant */
  padding: 20px;
}

/* --- Styles signature DIalogus --- */

/*  <span class="signature">Dialogus</span>  */ /*IMPORTANT*/

.signature {
  font-family: 'Dancing Script', cursive;
  font-size: 40px;
  font-style: italic;
  color: #000;
  display: block;
  text-align: left;
  margin-top: 40px;
}

/*  <span class="allura">texte</span>  */
.allura {
  font-family: 'Dancing Script', cursive;
  font-size: 30px;
  font-style: italic;
  color: #7c2b00;

}