:root {--max: 1100px; 
    --bar-width: 50px;
    --bar-height: 10px;

   --hamburger-gap: 4px;
    --foreground: white;
    --background: white;

    --animation-timing: 200ms ease-in-out;
    --hamburger-height: calc(var(--bar-height) * 3 + var(--hamburger-gap) * 2);

 --BleuClair: #e5b1c8;
  --BleuFonce:#f13b9f;

  --VertClair:  #e25a0c;    
  --VertFonce: #480c05;  
  
  
  --Noir:black;
  --Blanc:white;
    --rose: rgb(188 5 94); 

  .BeuClair{color: var(--BleuClair);}
  .BleuFonce{color: var(--BleuFonce);}
  .VertClair{color: var(--VertClair);}
  .VertFonce{color: var(--VertFonce);}
  .Noir{color: var(--Noir);}
  .Blanc{color: var(--Blanc)} 
    .Rose{color: var(--rose) }

} 
.entete{
    background-color: var(--rose);
    
}