Modèle:Lettrine/styles.css

/* =====================================================
   STYLES LETTRINE - Version corrigée alignement
   ===================================================== */

/* Conteneur de la lettrine */
.lettrine-conteneur {
display: block;
margin-bottom: 1em;
overflow: hidden;
}

/* Lettrine principale - BASE */
.lettrine {
font-size: 3.5em;
line-height: 0.8;
float: left;
margin: 0 0.15em 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);
display: block;
}

/* Texte suivant la lettrine (petites capitales) */
.lettrine-texte {
font-variant: small-caps;
font-weight: 600;
letter-spacing: 0.08em;
font-size: 1.05em;
display: inline;
}

/* =====================================================
   VARIANTES DE STYLE
   ===================================================== */

/* Style enluminé (effet lumineux) */
.lettrine-enluminee .lettrine {
color: #DAA520;
text-shadow: 0 0 12px #DAA520, 0 0 24px rgba(218, 165, 32, 0.5);
filter: drop-shadow(0 0 8px #DAA520);
}

/* Style bordure */
.lettrine-bordure .lettrine {
border: 3px solid #8B4513;
padding: 0.1em 0.15em;
color: #8B4513;
background: rgba(139, 69, 19, 0.05);
border-radius: 0.1em;
}

/* Style ombre portée */
.lettrine-ombre .lettrine {
text-shadow: 4px 4px 0 rgba(0,0,0,0.3), 
             6px 6px 0 rgba(0,0,0,0.2),
             8px 8px 0 rgba(0,0,0,0.1);
}

/* Style floral */
.lettrine-floral .lettrine {
color: #228B22;
text-shadow: 0 0 8px rgba(34, 139, 34, 0.6),
             2px 2px 4px rgba(0,0,0,0.3);
filter: drop-shadow(0 0 6px #90EE90);
}

/* =====================================================
   RESPONSIVE
   ===================================================== */

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

.lettrine-texte {
font-size: 1em;
letter-spacing: 0.05em;
}
}

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

/* =====================================================
   IMPRESSION
   ===================================================== */

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

.lettrine-enluminee .lettrine,
.lettrine-floral .lettrine {
color: #000;
}
}