@import url("mini.css") screen and (max-width: 860px);
@import url("courant.css") screen and (min-width: 861px);

/*
@media screen and (min-width: 900px) {
	:root {
		--neutre:	#fff;
		--fondEcran: #fff;
	}
}
@media screen and (max-width: 900px) {
	:root {
		--neutre:	red;
		--fondEcran: red;
	}
}
*/


/* Liste des couleurs et variables de référence */
:root {
	--neutre:	#fff;
	--fondEcran: #fff;
	--rien:	transparent;
	--noir:	#000;
	--actif: #e6b743;
	--couleurBase:	#337e9c;
	--couleurBaseAttenuée: #98b8c56e;
	--couleurBaseClaire:  #3f9ad0;
	--couleurBaseFoncée:  #3f718f;
	--couleurAdmin:	#a3afb6;
	--fondNavigation: #d7d7d752;
	--bleuVert: #236771;
/*	--neutre:	#fff;*/
	--bouton:  var(--couleurBaseFoncée);
	--outline:  var(--couleurBaseFoncée);
	--boutonT:  var(--neutre);
	--ko: #c4360b;
	--souligneTrèsClair: #eee;
	--fondTableau : var(--souligneTrèsClair);
	--souligneLéger: #ddd;
	--souligneAdmin: #767676;
	--souligneFoncé: #111;
	--légende: #737373;
	--pyjama: #f2f2f2;
	--bordTableSection: #337e9ca6;
	--souligneSouris: #c8c8c8;
	--souligne: #262626;
	--titreBloc: #215365;
	--fond:	var(--neutre);
	--fondTranslucide : #ffffff9c;
	--texte: 	#000;
	--lien: var(--couleurBase);
	--ok: #386f02;
	--c: #7ea233;
	--nc: #ffc323;
	--na: #eee;
	--partiel: #a86a00;
	--niveau0: #c8c8c8;
	--niveauA: #0d8665;
	--niveauB: #5f9b00;
	--niveauC: #846e01;
	--niveauD: #cd6f00;
	--niveauE: #d53800;
	--nv100: #009f74;
	--nv80: #5f9b00;
	--nv60: #846e01;
	--nv40: #cd6f00;
	--nv20: #d53800;
	--nv00: #770600;
	--nv100b: #004e38;
	--nv80b: #335200;
	--nv60b: #473a01;
	--nv40b: #703c00;
	--nv20b: #6e1c00;
	--nv00b: #480400;
	--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);
	--typo:  'Public';
	--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%;
	--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(--couleurBase);
	--entete3Taille: 120%;
	--entete4: var(--couleurBaseClaire);
	--entete4Taille: 100%;
	--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;
	--referentielHautPlus : #cc1350;
	--referentielHaut : #e1a22f;
	--referentielHautMoyen : #986572;
	--referentielMoyen : #1236a3;;
	--referentielMoins : #136868;
	--referentielMoinsBas : #6cd524;
	--b1: #0e11a8;
	--b2: var(--couleurBase);
	--largeStats: 1600px;
	--mea: var(--couleurBaseAttenuée);
	--nav0 : #5f22ed;
	--nav1 : #be8f20;
	--nav2 : #83be20;
	--nav3 : #79823d;
	--nav4 : #20be75;
	--nav5 : #89408b;
	--nav6 : #40538b;
	--nav7 : #be2022;
	--nav13 : #0b7745;
	--nav14 : #6b4e0a;
	--nav26 : #6dae00;
	--tracé1 : #3e92ab;
	--tracé2 : #999;
	--tracé3 : #777;
}