:root 
{
  --titre-gouv: "Lion Paulette Arsenault, Gouverneure 2025-2026";
  
      const styles = getComputedStyle(document.documentElement);
}

body { margin: 0; padding: 0; font-family: 'Segoe UI', sans-serif; background-color: white; }

#header-frame { position: fixed; top: 0; left: 0; width: 100%; height: 320px; /* hauteur de l'entête */
				border: 1; z-index: 1000; }

#entete-frame { position: fixed; top: 286px; left: 0; width: 100%; height: 305px; /* juste en bas de l'entête */
				border: 0; z-index: 1000; }

#content-frame { position: fixed; top: 325px; width: 80%; height: 410px; border: 0; z-index: 1000;}

.container {
  margin: 5rem auto;
  padding: 2rem;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.bouton-impression { background: linear-gradient(125deg, darkgray, darkgray); color: white; padding: 6px 22px;
					  font-size: 11px; font-weight: 200; border: none; border-radius: 10px; cursor: pointer;
					  box-shadow: 4px 4px 4px rgba(128, 128, 128, 0.3); transition: all 0.8s ease; display: inline-flex;
					  align-items: center; gap: 4px; }

.bouton-impression:hover { transform: translateY(+2px); box-shadow: 0px 4px 4px rgba(128, 128, 128, 0.5);
							background: linear-gradient(120deg, #5A54E8, #FFD700); }

.bouton-impression:active { transform: translateY(0); box-shadow: 4px 4px 4px rgba(128, 128, 128, 0.2); }


h1 { color: #2c3e50; margin-bottom: 1rem; }

p { font-size: 1.2rem; color: #34495e; }