body
{border: 10px white solid; border-radius: 10px;
}
.titre
{color: white; font-size: 3em; text-align: center;
}
.texte1
{color: white; font-size: 1.5em; font-style: italic; text-align: center;
}
.texte2
{color: white; font-size: 1.5em; font-style: italic; text-align: center;
}
.protection
{color: white; font-size: 1em; font-weight: bold;
}
.tableau
{width: 40%;
}

.arpeges
{color: orange; font-size: 2em; font-style: italic; font-weight: bold;
}
.calliope
{color: orange; font-size: 2em; font-style: italic; font-weight: bold;
}
.dream
{color: orange; font-size: 2em; font-style: italic; font-weight: bold;
}
.echo
{color: orange; font-size: 2em; font-style: italic; font-weight: bold;
}
.muteguitar
{color: orange; font-size: 2em; font-style: italic; font-weight: bold;
}
.mist
{color: orange; font-size: 2em; font-style: italic; font-weight: bold;
}
.impro
{color: orange; font-size: 2em; font-style: italic; font-weight: bold;
}
.funk
{color: orange; font-size: 2em; font-style: italic; font-weight: bold;
}

.arpeges:hover
{color: green;
}
.calliope:hover
{color: green;
}
.dream:hover
{color: green;
}
.echo:hover
{color: green;
}
.muteguitar:hover
{color: green;
}
.mist:hover
{color: green;
}
.impro:hover
{color: green;
}
.funk:hover
{color: green;
}