@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@200;300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&display=swap');

*{box-sizing: border-box;margin:0;padding:0;}

:root {
  /* Couleurs */
  --noir:#000000;
  --blanc:#FFFFFF;
  --rouge: #D10000;
  --bleu-fonce: #004C97;
  --bleu-clair: #32A4E6;
  --jaune: #FFC90E;
  --orange: #E85C0D;
  --vert-fonce: #3E6B2D;
  --vert-clair: #59C720;
  --gris-fonce: #333333;
  --gris-clair: #EEEEEE;
}
html {
    font-size:14px;
    background-color: var(--blanc);
    color:var(--gris-fonce);
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    -moz-text-size-adjust:100%;
    overflow-x:hidden;
    overflow-y:auto;
    scrollbar-width: thin;
    scrollbar-color: var(--bleu-clair) #ffffff;
    @media(min-width:769px){font-size:14px;overflow-x:hidden;}
}
html::-webkit-scrollbar {
    width:5px;
}
html::-webkit-scrollbar-track {
    background:#ffffff;
}
html::-webkit-scrollbar-thumb {
    background:#ffffff;
    border-radius: 10px;
    border:1px solid #ddd;
}
body{
    width:100%;
    max-width:1600px; 
    margin: auto;
    display: grid;
    grid-template-columns: 1fr;
    background-color: transparent;
}
.logged-menu{
    display: grid;
    align-items: center;
    grid-template-columns: 60px 30px;
    position: fixed;
    top:0;
    right:0px;
    z-index:9999;
    padding: 0 10px;
    background-color: var(--bleu-clair);
    border:2px solid var(--blanc);
    border-top: none;
    border-radius: 0 0 0 10px;
}