/* Ajout de la police Martel */
@import url('https://fonts.googleapis.com/css2?family=Martel:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amethysta&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Roboto:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Paprika&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Serif:wght@400;700&display=swap');

/* Appliquer la police à tout le document */
.roboto-serif-font {
    font-family: 'Roboto Serif', serif;
}

.martel-font {
    font-family: 'Martel', serif;
}

/* Style pour le texte avec la police Staatliches */
.staatliches-font {
    font-family: 'Staatliches', cursive;
}

.amethysta-font {
    font-family: 'Amethysta', serif;
}

.cinzel-font {
    font-family: 'Cinzel', serif;
}

.roboto-font {
    font-family: 'Roboto', sans-serif;
}

.robotoSlab-font {
    font-family: 'Roboto Slab', sans-serif;
}


.paprika-font {
    font-family: 'Paprika', cursive;
}

/*Pour les titres*/
.lucida-font{
    font-family: "Lucida Console", "Courier New", monospace;
}

.arial-font{
    font-family: Arial, Helvetica, sans-serif;
}

/**************************************************************************/
/**************************************************************************/
/*Pour les textes notamment*/
/* Importation des polices */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Roboto:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Open+Sans:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;700&family=Lora:wght@400;500&display=swap');

/* Combinaison 1 : Playfair Display pour les titres, Roboto pour le texte */
.playfair-display h1, .playfair-display h2, .playfair-display h3 {
    font-family: 'Playfair Display', serif;
}
.playfair-display p, .playfair-display span {
    font-family: 'Roboto', sans-serif;
}

.merriweather {
    font-family: 'Merriweather', serif;
}


/* Combinaison 2 : Merriweather pour les titres, Open Sans pour le texte */
.merriweather h1, .merriweather h2, .merriweather h3 {
    font-family: 'Merriweather', serif;
}
.opensans {
    font-family: 'Open Sans', sans-serif;
}

/* Combinaison 3 : Crimson Text pour les titres, Lora pour le texte */
.crimson-text h1, .crimson-text h2, .crimson-text h3 {
    font-family: 'Crimson Text', serif;
}
.crimson-text p, .crimson-text span {
    font-family: 'Lora', serif;
}