/ --- 1. TITRES (Tailles, Couleurs et Marges) --- /
h1 {

• font-size: 2.8rem !important;
• margin-top: 1em !important;

}
h2 {

• font-size: 2rem !important;
• color: #d8604c !important;
• margin-top: 1em !important;

}
h3 {

• font-size: 1.6rem !important;
• color: #d78958 !important;
• margin-top: 0.8em !important;

}
h4 {

• font-size: 1.2rem !important;
• color: #0c5d6a !important;
• margin-top: 0.6em !important;

}
h5 {

• font-size: 1rem !important;
• color: #000000 !important;
• margin-top: 0.6em !important;

}

/ --- 2. BOUTONS GÉNÉRAUX (Hors lecteur audio) --- /
/ On applique tes marges demandées aux boutons classiques du site /
.btn:not(.jp-play):not(.jp-pause):not(.jp-stop),
input[type="submit"],
button:not(.jp-play) {

• margin-top: 0.8em !important;
• margin-bottom: 2em !important;
• display: inline-block;

}

/ --- 3. LECTEUR AUDIO (Cadre et Espacement) --- /
/ Marges avant et après chaque bloc audio (divisées par deux) /
.jp-audio, .jp_container_1 {

• margin-top: 0.5em !important;
• margin-bottom: 0.5em !important;
• display: block;

}

/ Le cadre blanc du lecteur /
div.btn-group.btn-group-sm.no-dblclick {

• display: inline-flex !important;
• align-items: center;
• height: auto !important;
• padding: 6px 10px !important;
• border: 1px solid #cccccc !important;
• border-radius: 6px;
• background-color: #ffffff !important;

}

/ On force les boutons INTERNES du lecteur à ne pas avoir de marges /
div.btn-group.btn-group-sm.no-dblclick .btn {

• margin: 0 2px !important;
• padding: 4px 8px !important;

}

/ --- 4. COULEURS DES ICÔNES DU LECTEUR --- /
/ Play et Pause en blanc (fond bleu) /
a.jp-play .fa,
a.jp-pause .fa {

• color: #ffffff !important;

}

/ Stop, Volume et Download en bleu foncé (fond blanc) /
a.jp-stop .fa,
.fa-volume-up,
.fa-download {

• color: #0c5d6a !important;

}

---