:root {
	--largeur-page: 900px;
	--epaisseur-cadre: 5px;
	--epaisseur-cadre-gauche: 10px; /*   2 (--epaisseur-cadre)  */
	--largeur-entete: 910px; /*  (--largeur-page) + 2 (--epaisseur-cadre)  */
	--couleur-fond-entete: #090;
	--couleur-cadre: #0F0;
	--couleur-texte-entete: #FFF;
	--taille-texte-entete: 36pt;
	--taille-police-h1: 32pt;
	--taille-police-h2: 24pt;
	--taille-police-h3: 18pt;
	--taille-police-p: 18pt;
	--alignement-input: center;
}

body {
	min-width:var(--largeur-page);
	width:auto;
}

.pourCentrer {
	display:flex;
	justify-content: center;
}

.largeur {
	width: var(--largeur-page);
}

.centre {
	width: var(--largeur-page);
	text-align:center;
}

.gauche {
	width: var(--largeur-page);
	text-align:left;
}

.droite {
	width: var(--largeur-page);
	text-align:right;
}

h1 {
	width: var(--largeur-page);
	color:  var(--couleur-fond-entete);
	font-size: var(--taille-police-h1);
}

h2 {
	width: var(--largeur-page);
	color:  var(--couleur-fond-entete);
	font-size: var(--taille-police-h2);
}

h3 {
	width: var(--largeur-page);
	color:  var(--couleur-fond-entete);
	font-size: var(--taille-police-h3);
}

h4 {
	width: var(--largeur-page);
	font-size: var(--taille-police-h3);
}

p {
	width: var(--largeur-page);
	padding: 0px;
	font-size: var(--taille-police-p);
}

span {
	padding: 0px;
	font-size: var(--taille-police-p);
}

input {
	font-size: var(--taille-police-p);
	color:  var(--couleur-fond-entete);
	text-align: var(--alignement-input);
}

button {
	font-size: var(--taille-police-p);
	color:  var(--couleur-texte-entete);
	background-color:  var(--couleur-fond-entete);
	padding: 8px 20px 8px 20px;
}

.entete1 {
	width: var(--largeur-entete);
	text-align:center;
	padding:10px 10px 0 10px;
	background: var(--couleur-fond-entete);
	font-size:var(--taille-texte-entete);
	color: var(--couleur-texte-entete);
}


.entete2 {
	width: var(--largeur-entete);
	text-align:center;
	padding:0 10px 10px 10px;
	background: var(--couleur-fond-entete);
	font-size:var(--taille-police-h3);
	color: var(--couleur-texte-entete);
}

.contenu {
	width: var(--largeur-page);
	border-color:var(--couleur-cadre);
	border-width:var(--epaisseur-cadre);
	border-style:solid;
	padding:0 10px 0 10px;
}

.contenuGauche {
	width: var(--largeur-page);
	border-left-color:var(--couleur-cadre);
	border-left-width:var(--epaisseur-cadre-gauche);
	border-left-style:solid;
	padding:0 10px 0 10px;
}

.entree , .sortie {
	width: var(--largeur-page);
	font-size: var(--taille-police-p);
	color:  var(--couleur-fond-entete);
	text-align:left;
}

.entreeIncluse {
	width: 430px;
	font-size: var(--taille-police-p);
	color:  var(--couleur-fond-entete);
	text-align:left;
}

.attribution {
	text-align:center; 
	font-size:14pt;
}