/* Here, the content of the common custom CSS defined into Home - Setup - Display - CSS*/
#id-top {
  /* Verrouille le header par rapport à la fenêtre du navigateur */
  position: fixed; 
  
  /* Le positionne tout en haut et tout à gauche */
  top: 0;
  left: 0;
  
  /* Force la largeur à 100% de l'écran */
  width: 100%;
  
  /* S'assure qu'il reste au-dessus des autres éléments (menus déroulants, contenu) */
  z-index: 2000;
  
  /* Votre couleur de fond existante */
  background: var(--colorbackhmenu1);
  
  /* Optionnel : ajoute une ombre pour bien séparer du contenu */
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* IMPORTANT : Compensation de l'espace */
/* Comme le header est 'sorti' du flux, le contenu va remonter dessous. 
   Il faut ajouter une marge au corps de la page. Ajustez les pixels selon la hauteur réelle de votre menu. */
body {
  padding-top: 60px; 
}