Modèle:Lettrine/styles.css

/* ====================================
   LETTRINE - Style manuscrit médiéval
   ==================================== */

.lettrine {
    /* Taille et positionnement */
    font-size: 4em;
    line-height: 0.8;
    float: left;
    margin: 0.1em 0.15em 0 0;
    
    /* Typographie */
    font-family: "Uncial Antiqua", "Cinzel Decorative", Georgia, serif;
    font-weight: bold;
    
    /* Effets visuels */
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    
    /* Décoration */
    padding: 0.05em 0.1em;
}

/* Texte qui suit la lettrine (en petites capitales) */
.lettrine-texte {
    font-variant: small-caps;
    font-weight: 600;
    letter-spacing: 0.05em;
}

/* Ajustement pour paragraphes */
.lettrine + .lettrine-texte {
    margin-left: 0;
}

/* Adaptation responsive */
@media (max-width: 768px) {
    .lettrine {
        font-size: 3em;
        margin: 0.05em 0.1em 0 0;
    }
}

/* Style alternatif : bordure décorative optionnelle */
.lettrine.decoree {
    border: 2px solid currentColor;
    border-radius: 0.1em;
    padding: 0.1em 0.2em;
}

/* Variante avec fond coloré */
.lettrine.fond {
    background: linear-gradient(135deg, 
        rgba(255,255,255,0.3) 0%, 
        rgba(255,255,255,0) 100%);
    border-radius: 0.15em;
    padding: 0.1em 0.25em;
}