/* variable */
:root{
--color-T:#aa0000;
--color-Y:#ff0000;
--color-E:#483737;
--color-a-texte:var(--color-Y);
--color-a-fond:#CCCCCC;
--color-b-texte:var(--color-T);
--color-b-fond:#CCCCCC;
}

/* Titre */
header h1{
  font-size: 5rem;
}
header h1 .colorT{
  color: var(--color-T);
}
header h1 .colorY{
  color: var(--color-Y);
}
header h1 .colorE{
  color: var(--color-E);
}

/* menu */
nav li{
  color:var(--color-a-texte);
  background-color: var(--color-a-fond);
  border-color: var(--color-E);
  font-weight: bold;
}

nav li:hover{
  color:var(--color-b-texte);
  background-color: var(--color-b-fond);
}
nav li:hover>a{
  color:var(--color-b-texte);
}

#buttonMenu{
  color:var(--color-b-texte);
  background-color: var(--color-b-fond);
}
/* corp */
main h1{
  background-color: var(--color-b-fond);
  color: var(--color-b-texte);
}

/* le formulaire de contact */
form input,
form textarea{
}
form input[type="submit"]{
  color:var(--color-b-texte);
  font-weight: bold;
  background-color: var(--color-b-fond);
}

/* remonter */
#toTop{
    color: var(--color-b-texte);
    background-color: var(--color-b-fond);
    border-color: var(--color-E);
}

/* footer */
footer{
  color:var(--color-b-texte);
  background-color: var(--color-b-fond);
}