:root {
  --couleur-titres: #82a66f;
  --menu-bg-color: #333;
  --menu-lien-color: #fff;
  --menu-lien-color-hover: #000;
  --body-bg-color: #dfdfdf;
  --btn-voir-panier: #82a66f;
  --btn-accueil-nouveautes-bg: #82a66f;
  --btn-accueil-texte-bg:#fff;
  --btn-accueil-nouveautes-bg-hover: #dff3e3;
  --btn-accueil-texte-bg-hover: #000;
  --btn-detail-ajoutpanier-bg: #82a66f;
  --btn-detail-ajoutpanier-texte:#fff;
  --btn-detail-ajoutpanier-bg-hover: #dff3e3;
  --btn-detail-ajoutpanier-texte-hover: #000;
  --texte-presentation-produit-strong-color: #82a66f;
  --font-famille: 'Source Code Pro', monospace;

  /*FOOTER*/

  --reseaux-background-color: #fff;
}

@media only screen and (max-width:640px) {

  :root {
    --menu-bg-color: #333;
    --menu-lien-color: #fff;
    --menu-lien-color-hover: #000;
    --body-bg-color: #dfdfdf;
    --btn-voir-panier: #82a66f;
    --btn-accueil-nouveautes-bg: #82a66f;
    --btn-accueil-texte-bg:#fff;
    --btn-accueil-nouveautes-bg-hover: #dff3e3;
    --btn-accueil-texte-bg-hover: #000;
    --btn-detail-ajoutpanier-bg: #82a66f;
    --btn-detail-ajoutpanier-texte:#fff;
    --btn-detail-ajoutpanier-bg-hover: #dff3e3;
    --btn-detail-ajoutpanier-texte-hover: #000;
    --texte-presentation-produit-strong-color: #82a66f;
  }

}