/*--------------------------------------------------
I                                                  I
I                                                  I
I     unmerveilleuxfiston.net                      I
|     (last release 2026 03 05)                    I
I                                                  I
I                                                  I
--------------------------------------------------*/
/*------------------------------
I                              I
I    POLICES                   I
I                              I
------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Fredoka+One&family=Source+Sans+3:ital,wght@0,400;1,400&display=swap');/*------------------------------
I                              I
I    BODY                      I
I                              I
------------------------------*/
body {
background-color: #e8e5e1;    /* couleur du fond */
margin: 0;
padding: 3rem 1.5rem;
font-family: 'Source Sans 3', sans-serif;
color: #111111;
font-size: 1rem;
line-height: 1.3;             /* interlignage */
}
/*------------------------------
I                              I
I     COLONNE CENTRALE         I
I                              I
------------------------------*/
.contenu {
max-width: 555px;
margin: 0 auto 0 auto; 
}
/*------------------------------
I                              I
I     H1 (TITRE)               I
I                              I
------------------------------*/
h1 {
font-family: 'Fredoka One', cursive;   /* police du titre */
font-size: 2rem;
color: #111111;
margin: 0 0 2rem 0;
line-height: 1.2;
letter-spacing: 0.01em;   /* léger espacement des lettres */
}
/*-----------------------------
I                              I
I     H2                       I
I                              I
------------------------------*/
h2 {
font-family: 'Cormorant Garamond', serif;   /* police du titre */
font-weight: 300;
font-style: italic;
font-size: 3rem;
color: #111111;
margin: 1.7rem 0 0.5rem 0;
line-height: 1.2;
letter-spacing: 0.01em;   /* léger espacement des lettres */
}
/*------------------------------
I                              I
I     LISTE DE LIENS           I
I                              I
------------------------------*/
ul {
list-style: none;   /* on enlève les puces par défaut */
padding: 0;
margin: 0;
}
/*------------------------------
I                              I
I     LA PUCE (rond noir)      I
I                              I
------------------------------*/
li::before {
content: '';
display: inline-block;
width: 6px;
height: 6px;
background-color: #111111;
border-radius: 50%;
flex-shrink: 0;
position: relative;
top: -0.1em;   /* légère remontée pour centrer sur les bas-de-casse */
}
/*------------------------------
I                              I
I     CHAQUE ITEM DE LA LISTE  I
I                              I
------------------------------*/
li {
display: flex;
align-items: baseline;   /* aligne la puce sur la ligne de base des lettres */
gap: 0.75rem;
margin-bottom: 0.5rem;   /* espacement entre lignes de la liste */
}
/*------------------------------
I                              I
I     LIENS                    I
I                              I
------------------------------*/
a {
color: #111111;
text-decoration: none;   /* pas de soulignement par défaut */
}
/* Au survol : soulignement + légère mise en italique */
a:hover {
text-decoration: underline;
text-underline-offset: 3px;
font-style: italic;
}
/* ===== ITEM ABANDON : texte rayé et grisé ===== */
/* Ajoute class="zzz" sur un "li" pour l'effet */
.zzz a {
text-decoration: line-through;
color: #807f7f;
}
.zzz a:hover {
text-decoration: line-through;
font-style: italic;
}
/*----------------
I     FIN        I
----------------*/