Modèle:Lettrine/styles.css

/* Conteneur principal */
.lettrine-conteneur {
    clear: both;
    margin-bottom: 1em;
}

.lettrine-conteneur::after {
    content: "";
    display: table;
    clear: both;
}

/* La lettrine - occupe 3-4 lignes de hauteur */
.lettrine {
    float: left;
    font-size: 4.2em;
    line-height: 0.82;
    margin: 0 0.08em 0 0;
    padding: 0;
    font-family: 'Fette Unz Fraktur', 'UnifrakturMaguntia', 'Old English Text MT', serif;
    font-weight: normal;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    /* Hauteur équivalente à 3-4 lignes de texte */
    height: 3.2em;
    width: auto;
}

/* Petites capitales suivant la lettrine */
.lettrine-texte {
    font-variant: small-caps;
    font-weight: 600;
    letter-spacing: 0.08em;
    font-size: 1em;
}

/* Le paragraphe qui suit */
.lettrine-conteneur + p,
.lettrine-conteneur p {
    text-align: justify;
    line-height: 1.5;
}

/* Responsive */
@media (max-width: 768px) {
    .lettrine {
        font-size: 3.5em;
        height: 2.8em;
    }
}

@media (max-width: 480px) {
    .lettrine {
        font-size: 3em;
        height: 2.5em;
    }
}

/* Impression */
@media print {
    .lettrine {
        color: #000;
        text-shadow: none;
    }
}