:root{
--couleurTransparent:transparent;
--couleurBlanc:white;
--couleurCreme:#ECE9DF;
--couleurMarronNoir:#342C24;
--couleurGrisClair:#F0F0F0;
--couleurGrisMoyen:#E5E5E5;
--couleurGrisFonce:#AAAAAA;
--couleurBleuClair:#D7E6FD;
--couleurBleuMoyen:#A8C4EE;
--couleurBleuFonce:#1C477C;
--couleurRougeClair:#E1D0DA;
--couleurRougeMoyen:#E03264;
--couleurRougeFonce:#8E0432;
--couleurVertClair:#71B961;
--couleurVertFonce:#34602A;
--couleurOrange:#D45E29;
}

html
{
    color: var(--couleurBleuFonce);
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif", Helvetica, Arial, "sans-serif";
}

a
{
    color: var(--couleurBleuFonce);
//    text-decoration: none;
    text-decoration: underline;
}

a:hover
{
    color: var(--couleurRougeMoyen);
    cursor: pointer;
}

a[href^="http"]  /* commence par "http" */
{
    text-decoration: underline;
}

a[href^="mail"]  /* commence par "mail" */
{
    text-decoration: underline;
}

.EnteteEcran
{
    display: none;
}
.EnteteSmartphone
{
    display: grid;
}
.plageDefilante
{
    margin : calc((100vw / 3.5) + 4em + 0.2em) 0em 2em 0em;
    max-width:100vw;
    width:100vw;
}
/* Styles pour écrans larges ≥ 1000px */
@media (min-width: 60em)
{
    .EnteteEcran
    {
        display: grid;
    }
    .EnteteSmartphone
    {
        display: none;
    }
    .plageDefilante
    {
        margin : calc((100vw / 3.5) + 6em + 0.2em) 2em 2em 2em;
        max-width:50em;
       width:;
    }
}