/* Liste des couleurs et variables de référence */
:root {
	--rien:	transparent;
	--noir:	#000;
	--typo:  'musik';
	--hautBase: 500px;

	--typox: #121212;
	--actif: #e6b743;
	--actifNew: #79b95c;
	--couleurBase:	#2a7f9e;
	--couleurBaseLien:	#297793;
	--couleurBaseAttenuée: #d4ebf4ff;
	--couleurBaseClaire:  #4568c1;
	--couleurBaseFoncée:  #25718eff;
	--couleurBaseRenfort: #1e5878;
	--couleurBaseTrèsFoncée:  #3c515d;
	--couleurBaseClaire: #d3e0e6;
	--fondNavigation: #d7d7d752;
	--fondEcran: #fff;
	--bleuVert: #236771;
	--neutre:	#fff;
	--bouton:  var(--couleurBaseFoncée);
	--boutonT:  var(--neutre);
	--ko: #c4360b;
	--souligneTrèsClair: #eee;
	--fondTableau : var(--souligneTrèsClair);
	--souligneLéger: #ddd;
	--souligneTrèsLéger: #fbfbfb;
	--souligneFoncé: #111;
	--pyjama: #f2f2f2;
	--bordTableSection: #337e9ca6;
	--souligneSouris: #c8c8c8;
	--souligne: #262626;
	--titreBloc: #215365;
	--fond:	var(--neutre);
	--fondTranslucide : #ffffff9c;
	--texte: var(--typox);
	--lien: var(--couleurBase);
	--ok: #386f02;
	--erreur: #c93e2c;
	--erreurFort: #c93e2c;
	--souligne: #325868;
	--aide: #686868;
	--avertissement: #b28928;
	--léger: #adc928;
	--mini: #b2c274;
	--maxi: #d8aa85;
	--légerTaille: 100px;
	--moinsLéger: #c9b728;
	--moinsLégerTaille: 165px;
	--médian: #c97328;
	--médianTaille: 250px;
	--médianLourd: #c97328;
	--médianLourdTaille: 330px;
	--lourd: #c93728;
	--lourdTaille: 490px;
	--lourdFort: #cb0000;
	--lourdFortTaille: 620px;
	--wavestone : rgb(76,58,115);
	--poidsNormal: 400;
	--poids: 600;
	--padding:  12px;
	--paddingN:  calc((-1 * var(--padding)) - 1);
	--demiPaddingN:  calc(-0.5 * var(--padding));;
	--demiPadding:  calc(0.5 * var(--padding));
	--demiPaddingHaut:  3px;
	--demiPaddingHautN:  -7px;
	--paddingHaut: 6px;
	--margin:  calc(1 * var(--padding));
	--radius:  16px;
	--largePage: 100%;
	--minPage: 	600px;
	--maxPage: 	1900px;
	--maxPageContenu: 1400px;
	--maxNav: 1600px;
	--margePage: 25px;
	--macaronLong: 13%;
	--largeTOC: 	200px;
	--hautCheck: 16px;
	--hautLigne: 	30px;
	--hautTete: 90px;
	--picto: 26px;
	--b1: var(--couleurBaseFoncée);
	--b2: var(--couleurBaseFoncée);
	--typoGraissée: 800;
	--typoPromo: 120%;
	--small: green;
	--medium: yellow;
	--large: orange;
	--xlarge: violet;
	--hautAide: 500px;
	--superHaut: 2222222222;
	--entete1: var(--couleurBaseFoncée);
	--entete1Taille: 170%;
	--entete1MargeHaute: 26px;
	--entete1MargeGauche: 8px;
	--entete2: var(--couleurBase);
	--entete2Taille: 140%;
	--entete3: var(--couleurBaseFoncée);
	--entete3Taille: 130%;
	--entete4: var(--couleurBase);
	--entete4Taille: 120%;
	--entetePoids: var(--poids);
	--citationTaille: 120%;
	--labelLong: 143px;
	--sousRubLong: 150px;
	--modaleMarge: 150px;
	--modaleLarge: 900px;
	--boutonPetitLarge: 30px;
	--boutonPetitLargeBG: 23px;
	--margeEntete: 20px;
	--margeGauche: 150px;
	--hautReferentiel: 1000px;
	--margeGaucheReferentiel : 50px;
	--referentielHautdépassé : #d60000;
	--referentielHautPlus : #d60000;
	--referentielHaut : #aa2b2b;
	--referentielHautMoyen : #a25943;
	--referentielMoins : #8e7619;
	--referentielMoyen : #376318;
	--referentielBas : #6eb041;
	--referentielMoinsBas : #6cd524;
	--b1: #0e11a8;
	--b2: var(--couleurBase);
	--largeStats: 1600px;
	--mea: var(--couleurBaseAttenuée);
}
@font-face {
  font-family: 'musik';
  src: url(../typos/RedHatDisplay-VariableFont_wght.ttf);
}