/* titre de la recette */
.titrerecette {
text-align: center;
font-family: arial;
font-size: 24pt;
color: #FFFF00;
background-color: #000080;
font-weight:  bold;
}

/* ingredients */
.ingredients {
text-align: left;
font-family: arial;
font-size: 10pt;
font-style: italic;
}

/* texte recette */
.texterecette{
text-align: left;
font-family: arial;
font-size: 10pt;
color :#000080;
}


/* les mots clefs en bas de page */
.motsclefs {
text-align: left;
font-family: arial;
font-size: 8pt;
color: #333333;
}

/* les liens en bas de page */
.liensbasdepage {
text-align: left;
font-family: arial;
font-size: 8pt;
color: #000080;
}


/*
Définition de classes de style
Exemple : .titrerecette {...}
Le style ainsi défini pourra ensuite être appliqué à n'importe quel élément HTML en glissant l'attribut de classe correspondant dans sa balise,
comme par exemple <span class="titrerecette">... </span> ou bien <td class="titrerecette">... </td> (mais cette fois, sans le point dans le nom de classe).
*/