html {
	background-color: var(--fond);
}
/* ========== V2 ========= */
body {
	color: var(--texte);
	background-color: var(--fond);
	text-decoration: none;
	height: 100%;
	min-width: var(--minPage);
	margin: auto;
	max-width: 98vw;
	width: 98vw;
	padding: 0px;
	border-left: 1px solid var(--souligneTrèsClair);
	border-right: 1px solid var(--souligneTrèsClair);
	margin-left: 2vw;
	overflow-x: hidden;
}
header, footer {
	width: 98%;
	margin-left: calc(-1 * var(--padding));
	padding: var(--padding);
}
header {
	position: relative;
	padding: calc(2*var(--padding));
	height: calc(1.2*var(--hautTete));
	background-color: var(--fondEcran);
	min-width: calc(2.1*var(--minPage));
	width: 98vw;
	margin-top: 0px;
	top: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
header .ligne {
	padding: 0;
	display: block;
	height: 30px;
	position: relative;
	clear: both;
	max-width: var(--maxPage);
	min-width: var(--minPage);
	width: 100%;
	background-color: transparent;
}
header div#menu2 {
	width: fit-content;
	text-align: right;
	background-color: transparent;
	padding-top: var(--padding);
	float: right;
	margin-right: calc(2*var(--padding));
}
header #presentation,
header #propos {
	border: 1px dotted var(--souligneLéger);
	display: inline-block;
	clear: none;
	position: relative;
	padding: var(--padding);
	background-color: var(--neutre);
	font-size: 90%;
	color: var(--noir);
	float: none	;
	clear: none;
	border-radius: 0;
	cursor: pointer;
	margin-top: calc(-2*var(--padding));
}
header #presentation.actif,
header #propos.actif {
	border: 1px solid var(--couleurBase);
	border-radius: var(--radius);
	cursor: auto;
	background-color: var(--souligneLéger);
}
header #presentation.actif a,
header #propos.actif a {
	color: var(--noir);
	cursor: auto;
}
main {
	position: relative;
	padding-left: var(--padding) !important;
	padding-top: calc(1*var(--padding));
/*	max-width: var(--maxPageContenu);*/
	max-width: var(--maxPage);
	height: fit-content;
	background-color: transparent;
	z-index: 20;
	min-width: var(--minPage);
	width: 87%;
	z-index: 110;
	margin-top: 0px;
	margin-left: 0px;
	width: 99%;
	margin: auto;
}
main.graphe {
	max-width: var(--maxPage);
}
#contenu {
	max-width: var(--maxMain);
	min-width: var(--minMain);
	background-color: transparent;
	margin-top: 0px;
	margin-left: 0px;
}
#contenu p {
    max-width: var(--wContenuP);
    font-size: var(--fontSizeParaBloc2);
/*    border: 1px solid red;*/
}
#contenu section {
	max-width: calc(0.86*var(--maxMain));
	padding-left: calc(3.4*var(--padding));
}
.fiche section {
	padding-left: var(--padding) !important;
	max-width: 97% !important;
}
#pied {
	border-top: 1px solid var(--souligneLéger);
	background-color: transparent;
	color: var(--couleurBase);
	max-width: var(--maxPage);
	padding-top: var(--padding);
	position: absolute;
	/* bottom: -113px; */
	min-width: var(--minPage);
}
footer ul#menu2 {
	width: 100%;
	text-align: center;
}
h1,h2,h3,h4,h5 {
	font-weight: var(--entetePoids);
}
h1 {
	color: var(--entete1);
	margin-top: var(--entete1MargeHaute);
	margin-left: var(--entete1MargeGauche);
	font-size: var(--entete1Taille) !important;
	font-weight: normal;
	font-weight: 500;
}
h2 {
	color: var(--entete2);
	font-size: var(--entete2Taille);
	clear: both;
	font-weight: 500;
}
h3 {
	font-size: var(--entete3Taille);
	color: var(--entete3);
	clear: both;
	font-weight: 800;
	z-index: 222222222222222222222;
	position: relative;
	text-align: left;
}
h4 {
	font-size: var(--entete4Taille);
	color: var(--entete4);
	font-weight: 500;
	text-align: left;
}
#corpsTOC h3 {
	font-size: 100%;
	font-weight: 600;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	color: var(--couleurBaseRenfort);
}
footer h2 {
/*	color: var(--neutre);*/
}
footer h3 {
/*	color: var(--neutre);*/
}
footer h4 {
/*	color: var(--neutre);*/
}
#sponsors {
	width: 100vw;
	text-align: center;
}
.logo {
	border: 1px solid var(--couleurBase);
	border-radius: 50%;
	height: 72px;
	width: 86px;
	float: none;
	position: relative;
	display: inline-block;
	margin-right: calc(2*var(--padding));
	padding-top: 8px;
	overflow: auto;
}
#sponsors {
	margin-top: calc(6*var(--padding));
}
#connect {
	padding: var(--padding);
	border-radius: 0px;
	background-color: white !important;
	padding-top: 0px;
	width: max-content;
	max-width: 250px;
	z-index: 222;
	position: fixed;
	top: -7px;
	right: 0px;
	opacity: 0.8;
	margin-top: 0px;
	font-size: 80%;
	padding-right: 0px;
	float: right;
}
#connect .NL.ligne {
	width: 160px;
	max-width: 260px !important;
	min-width: 260px;
}
#connect label {
	display: inherit;
}
#connect.opaque {
	border: 1px dotted var(--couleurBase);
	border-radius: var(--radius);
	background-color: var(--fondNavigation);
}
#idf {
	padding-top: 12px;
	padding-right: 12px;
}
.presentation img {
	float: left;
	margin-right: var(--padding);
}
.presentation .bloc1 {
	display: block;
	max-width: var(--mawBloc1);
	width: var(--wBloc1);
	padding: var(--padding);
	margin-right: var(--padding);
	min-width: var(--miwBloc1);
}
ul.presentation,
ol.presentation {
	width: 100%;
	height: fit-content;
	position: relative;
	display: inline-block;
	min-width: var(--minPres);
}
ul.presentation li,
ol.presentation li {
	list-style: none;
	display: inline-block;
	position: relative;
	vertical-align: top;
	max-width: 495px;
	width: 32vw !important;
	min-width: 410px;
  	min-height: 450px;
}
ul.presentation.niveau1 li,
ol.presentation.niveau1 li {
	max-width: var(--maxPresN1);
/*	width: 22vw !important;*/
	width: var(--wPresN1) !important;
	min-width: 410px;
  	min-height: 450px;
}
ul.presentation.niveau2 li,
ol.presentation.niveau2 li {
	max-width: 495px;
	width: 32vw !important;
	min-width: 410px;
  	min-height: auto;
}

.bloc2 {
	display: block;
	height: var(--hautPres);
	background-image: url('../pic/boutonVide.svg');
	background-repeat: no-repeat;
	background-size: var(--bgSbloc2);
	width: var(--wBloc2);
	max-width: var(--maxWBloc2);
	border: 1px solid transparent;
	max-height: var(--hautPres);
  	min-height: var(--hautPres);
  	overflow: hidden;
  	min-width: var(--minWBloc2);
  	font-size: var(--fontSize);
}
.bloc2 h2,
.bloc2 p.titre {
	margin-top: var(--mtBloc2p);
	margin-left: var(--mlBloc2p);
	width: var(--wBloc2p);
}
p.titre {
	font-weight: var(--entetePoids) !important;
	color: var(--entete2) !important;
	font-size: var(--entete2Taille) !important;
	clear: both !important;
/*	font-weight: 500;	*/
}
.bloc2 p {
	text-align: center;
	margin-left: 19%;
	width: 54%;
	font-size: 90%;
	/* margin-top: 43%; */
	overflow: hidden;
	max-height: 47%;
}
.bloc2 p.simple {
	margin-top: var(--padding);
}
.bloc1 p {
	text-align: justify;
	max-width: 90% !important;
    min-width: 350px !important;
}
.presentation h3 {
	display: inline-block;
	max-width: var(--mawH3pres);
}
nav {
	width: fit-content;
	height: 30px;
	min-width: var(--maxNav);
	top: 22px;
	position: absolute;
	left: 75px;
	display: block;
}
#titraille {
	color: var(--couleurBaseRenfort);
	font-size: 100%;
	font-weight: 600;
	position: absolute;
	top: 88px;
	left: 151px;
	height: auto;
	width: max-content;
}
form#chargeParams {
	width: 36vw;
	float: left;
	min-width: var(--maxNav);
	display: block;
	z-index: 22222;
	position: sticky;
	margin-top: -27px;
	height: 31px;
	border-bottom: 1px solid var(--couleurBase);
	font-size: 90%;
}
.navLabfichier {
	border: 1px dotted #116ca2;
	border-radius: calc(0.3*var(--radius));
	padding: calc(0.5*var(--padding));
	background-color: transparent;
	color: var(--couleurBaseLien);
	margin-right: calc(2*var(--padding));
	margin-bottom: calc(1*var(--padding));
	width: max-content;
	cursor: pointer;
	font-size: 120%;
	font-weight: 600;
}
.navLabfichier.actif {
	background-color: var(--fondNavigation);
	color: var(--couleurBaseLien);
}
ul#menu2 li {
	list-style: none;
	display: inline-block;
	padding-right: var(--padding);
	margin-left: var(--padding);
	border-right: 1px solid var(--couleurBaseClaire);
}
ul#menu2 li:last-of-type {
	border-right: 0px solid var(--couleurBaseClaire);
}
#pied a {
	color: var(--couleurBase);
	border-bottom: 1px solid var(--neutre);
}
#pied {
	font-size: 80%;
}
#pied .ligne {
	padding-bottom: var(--padding);
	border-bottom: 1px solid var(--souligneLéger);
}
#logo {
/*	height: var(--hautTete);*/
	top: 0px;
	left: 0px;
/*	position: absolute;*/
}
#logo2 {
	/*
	float: left;
	border: 2px solid var(--couleurBaseAttenuée);
	border-radius: 50%;
	padding-top: var(--padding);
	height: 60px;
	*/
}
#blocTete {
	height: calc(var(--hautTete) - 2*var(--padding));
	padding: var(--padding);
	width: calc(0.7*var(--maxPage));
	margin-left: 0px;
}
nav ul li {
	list-style: none;
}
/* ========= fin de v2 =========== */
.histo, .histo2 {
	width: 5px;
	display: inline-block;
	margin-right: 1%;
	max-width: 5px !important;
	cursor: help;
	margin-top: -20px;
}
.histo {
	position: relative;
}
.histo2 {
	position: absolute;
}
.histo .surligne,
.histo2 .surligne {
	border: 3px solid var(--couleurBase) !important;
	padding: 16px !important;
	border-radius: 12px;
	font-size: 150% !important;
	z-index: 222222;
	display: inline-block;
	position: relative;
}
.legende {
	border: 1px solid var(--couleurBaseAttenuée);
	padding-top: calc(0.5*var(--padding));
	padding-left: var(--padding);
	padding-right: var(--padding);
	margin-bottom: var(--padding);
	display: block;
	width: max-content;
	margin-left: 3%;
	font-size: 120%;
	border-radius: var(--radius);
}
#legende {
	width: 100%;
	text-align: right;
	color: var(--aide);
	margin-top: var(--padding);
	font-size: 80%;
}
.leg {
	color: var(--aide);
	margin-right: var(--padding);
	font-size: 80%;
}
.ay {
	display: block;
	width: fit-content;
	position: absolute;
	height: var(--hautReferentiel);
	border-right: 1px dotted grey;
	margin-left: calc(-1*var(--margeGaucheReferentiel));
}
.point {
	width:8px; 
	height: 8px; 
	border:1px solid var(--souligne);
	border-radius:50%;
}
#tableau {
	width: 93vw !important;
	border: 1px dotted var(--souligne);
	display: flow-root;
	height: var(--hautReferentiel);
	margin-left: var(--margeGaucheReferentiel);
	max-width: 1600px;
}
.switch {
	cursor: pointer;
	color: var(--couleurBase);
	display: inline-block;
	float: right;
    right: 2vw;
    position: relative;
}
.p100 {
	display: block;
	height: 49%;
	position: relative;
	cursor: help;
}
.p50 {
	display: block;
	height: 49%;
	position: relative;
	cursor: help;
}
form#ref {
	margin-bottom: 25px;
}
.ultraPlus {
	border: 1px solid var(--maxi);
	background-color: var(--noir);
	color: var(--neutre);	
}
.plus {
	border: 1px solid var(--referentielHaut);
	background-color: var(--referentielHaut);
	color: var(--neutre);
}
.plusHaut {
	border: 1px solid var(--referentielHautPlus);
	background-color: var(--referentielHautPlus);
	color: var(--neutre);
}
.plusMoyen {
	border: 1px solid var(--referentielHautMoyen);
	background-color: var(--referentielHautMoyen);
	color: var(--neutre);
}
.moins {
	border: 1px solid var(--referentielMoins);
	background-color: var(--referentielMoins);
	color: var(--neutre);
}
.moinsMoyen {
	border: 1px solid var(--referentielMoyen);
	background-color: var(--referentielMoyen);
	color: var(--neutre);
}
.bas {
	border: 1px solid var(--referentielBas);
	background-color: var(--referentielBas);
}
.moinsBas,
.basse {
	border: 1px solid var(--referentielMoinsBas);
	background-color: var(--referentielMoinsBas);
}
body.import {
    overflow: auto;
    padding: var(--padding);
	background-color: var(--fondEcran);
}
p {
	line-height: 120%;
}
p + ul {
	margin-top: calc(-1*var(--padding));
}
ul.macaron > li > ul  {
	padding-left: 0px;
}
li {
	line-height: 120%;
}
li .macaron .titre {
	border: 6px solid var(--couleurBase);
	border-radius: calc(5 * var(--radius));
	min-width: 89px;
	min-height: 62px;
	overflow: hidden;
	text-align: center;
	display: inline-block;
	padding: calc(var(--padding) * 0.3);
	padding-top: calc(2.5 * var(--padding));
	padding-bottom: 0px;
}
li.macaron {
	padding: calc(1.5 * var(--padding));
	border-radius: 0px;
	list-style: none;
	list-style-position: inside;
	vertical-align: middle;
	display: inline-block;
	overflow: hidden;
	text-align: center;
	margin: var(--padding);
	border: 1px dotted var(--souligne);
	width: var(--macaronLong);
	height: 120px;
	padding-left: 0px;
	padding-right: 0px;
}
li.macaron .info {
	background-color: var(--neutre);
	display: inline;
}
li.macaron:hover,
li.macaron:focus {
	border: 3px solid var(--couleurBase);
	color: var(--neutre);
	border-radius: 0px;
	height: 133px;
	max-width: calc(0.98 * var(--macaronLong));
	text-align: left;
	padding-top: 0px;
}
li.macaron:hover .titre,
li.macaron:focus .titre {
	border-radius: 0px;
	width: 100%;
	height: auto;
	min-height: 10px;
	padding: 0px;
	padding-bottom: var(--padding);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	background-color: var(--couleurBase);
	color: var(--neutre);
	vertical-align: text-top;
	border: 0px;
	padding-top: var(--padding);
}
li.macaron:hover .info, 
li.macaron:focus .info {
	background-color: var(--neutre);
	color: var(--couleurBase);
	font-size: 90% !important;
	line-height: 100% !important;
	display: block;
	width: 92% !important;
	text-align: left;
	padding: calc(0.4 * var(--padding)) !important;
	margin: 0px !important;
	clip: unset !important;
	height: auto !important;
	position: inherit !important;
	clip-path: unset !important;
	white-space: break-spaces !important;
	vertical-align: text-top;
}
li span.date,
li span.coutMini,
li span.coutMaxi {
	text-align: left;
	font-size: 90%;
	position: relative;
	display: block;
	height: auto;
	margin-bottom: -12px;
}
li span.coutMini span {
	text-align: left;
}
ul.listeBloc > li {
	display: inline-block;
	width: 18%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: var(--padding);
	border: 1px solid var(--souligneLéger);
	height: 150px;
	overflow: hidden;
	padding: calc(0.5 * var(--padding));
	padding-top: 0px;
}
div {
	color:var(--texte);
	background-color: var(--fond);
}
.lien.referentiel {
	cursor: pointer;
}
.miseneavant {
	font-weight: 600;
}
p.miseneavant {
	padding-left: calc(3*var(--padding));
}

#chxln {
	float: right;
	height: var(--hautTete);
	right: 0px;
	position: fixed;
	top: 44px;
	z-index: 111;
}
#chxln ul {
	list-style-position: outside;
	list-style-type: none;
	color: var(--neutre);
	margin-left: -30px;
	margin-top: 4px;
}
#chxln li {
	line-height: 120%;
}
#chxln > ul > li.lien:focus, #chxln > ul > li.lien:hover {
	border: 1px solid var(--souligne);
	border-radius: var(--radius);
	outline: none;
	font-weight: var(--poids);
}
#chxln > ul > li.lien.inactive,
#ident {
	color: var(--neutre);
	background-color: var(--couleurBaseFoncée);
	padding-top: calc(var(--padding) * 0.6);
	padding-bottom: var(--padding);
	padding-right: calc(var(--padding) *0.5);
	padding-left: var(--padding);
	border-top-left-radius: var(--radius);
	border-bottom-left-radius: var(--radius);
	width: 14px;
	cursor: pointer;
}
#chxln > ul > li.lien.inactive {
	border: 1px solid var(--couleurBaseAttenuée);
	margin-left: calc(var(--padding) * -0.9);
	margin-top: calc(var(--padding) * 0.1);
	border-left: 0px;
}
#ident {
	margin-top: var(--padding);
	right: 0px;
	position: absolute;
	border: 1px solid #274e16;
	color: var(--typo) !important;
}
#ident.nc {
	background-color: #2d87aa;
	color: var(--typo);
	padding-right: calc(1.5*var(--padding));
}
#ident.c {
	background-color: var(--actifNew);
	color: var(--typo);
}
#ident a {
	color: var(--typo);
}
#chxln > ul > li.active {
	color: var(--couleurBaseFoncée);
	padding-top: calc(var(--padding) * 0.6);
	padding-bottom: var(--padding);
	padding-right: calc(var(--padding) *0.5);
	padding-left: var(--padding);
	width: 14px;
	background-color: var(--fondNavigation);
	margin-left: calc(var(--padding) * -0.9);
	margin-top: 0px;
	border-top-left-radius: var(--radius);
	border-bottom-left-radius: var(--radius);
	border: 1px solid var(--souligneFoncé);
	border-left: 0px;
	/* margin-left: 2px; */
}
img {
	font-size: 5%;
}
img.chargeur {
	width: 150px;
}
#aide h2,
#modale h2 {
	margin-top: calc(-2 * var(--padding));
}
#logotype {
	width: 75px;
	height: 60px;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	border-radius: 50px;
	padding-top: 13px;
	background-color: var(--neutre);
	margin-left: -100px;
	margin-top: -20px;
}
#logotype {
	border: 2px solid var(--wavestone);
	margin-right: 11px;
}
.NL {
	display: block;
	clear: both;
}
form .ligne {
	padding-top: var(--padding);
	padding-bottom: var(--padding);
	display: block;
}
form .ligne.petit {
	padding-top: var(--padding);
	padding-bottom: 0px;
	display: block;
}
.NL2 {
	display: inline-block;
	clear: both;
}
.NL2 label {
	display: block;
}
.NLnot {
	display: block;
	clear: none;
	float: left;
}
.NL.up {
	margin-bottom: 4px;
}
#empied {
	color: var(--couleurBase);
	font-size: 80%;
}
label {
	width: var(--labelLong);
	display: inline-block;
	vertical-align: top;
	padding-top: calc(0.6*var(--padding));
}
.long label {
	width: calc(2*var(--labelLong));
}
#ref label[for="nom"] {
	width: calc(0.5*var(--labelLong));
	padding-left: 100px;
	text-transform: capitalize;
}
#jeux {
	width: 50%;
	max-width: 905px;
}
#jeux label {
/*	width: calc(1.5*var(--labelLong));*/
	width: fit-content;
}
#jeux > fieldset {
	margin-bottom: var(--padding);
}
#jeux fieldset fieldset {
	border: 0px;
}
#jeux fieldset fieldset legend {
	font-weight: 600;
	margin-left: calc(-1.2*var(--padding));
}
.TWO {
	margin-top: -12px;
	height: fit-content;
	position: relative;
	display: block;
	margin-bottom: calc(1.5*var(--padding));
}
.ficONE {
	margin-top: var(--padding);
	display: block;
	margin-left: var(--padding);
	color: var(--tracé3);
}
.ficTWO {
	margin-top: 6px;
	height: fit-content;
	position: relative;
	display: block;
	margin-bottom: calc(1.5*var(--padding));
	color: var(--couleurBase);
}
.remover {
	border: 3px solid var(--ko);
	border-radius: 50%;
	margin-left: var(--padding);
	font-weight: 600;
	padding-left: calc(0.5*var(--padding));
	padding-right: calc(0.5*var(--padding));
	padding-top: calc(0.1*var(--padding));
	padding-bottom: calc(0.1*var(--padding));
	display: inline-block;
	cursor: pointer;
}
.updater {
	border: 3px solid var(--ok);
	border-radius: 50%;
	margin-left: var(--padding);
	font-weight: 600;
	padding-left: calc(0.25*var(--padding));
	padding-right: calc(0.25*var(--padding));
	padding-top: calc(0.1*var(--padding));
	padding-bottom: calc(0.1*var(--padding));
	display: inline-block;
	cursor: pointer;
	color: #386f02;
}
.sr-only {
	border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important; 
	clip-path: inset(50%) !important; 
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important;
}

.sr-only-focusable:focus,
.sr-only-focusable:active {
	clip: auto !important;
	clip-path: none !important;
	height: auto !important;
	margin: auto !important;
	overflow: visible !important;
	width: auto !important;
	white-space: normal !important;
	outline: none;
}
button:focus {
	outline: 1px dotted var(--souligneFoncé);
}
a {
	text-decoration: none;
}
a:focus, h2:focus {
	outline: 1px dotted var(--souligneFoncé);
}
#titre {
	width: 850px;
}
.alerte {
	position: fixed;
	top: 15px;
	left: 46%;
	padding: var(--padding);
	border-radius: var(--radius);
	color: var(--fond) !important;
	font-weight: bold;
	z-index: 2222222222;
}
.alerte.ko {
	border: 1px solid var(--erreurFort);
	background-color: var(--erreurFort);
}
.alerte.ok {
	border: 1px solid var(--ok);
	background-color: var(--ok);
}
.alerte:first-letter {
	text-transform: uppercase;
}
.modale {
	width: 500px;
	height: 500px;
	background-color: var(--fond);
	border: 6px solid var(--aide);
	position: fixed;
	top: 50px;
	opacity: 1;
	z-index: 220000005;
	margin-left: 250px;
	padding: var(--padding);
	border-radius: var(--radius);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#aide.modale {
	width: var(--modaleLarge);
	top: var(--modaleMarge);
	border: 6px solid var(--aide);
	margin-left: var(--modaleMarge);
	overflow: auto;
	color: var(--souligne);
	position: absolute;
	height: var(--hautAide);
	z-index: var(--superHaut)
}
.info {
	color: var(--avertissement);
	font-size: 150%;
	width: max-content;
	border: 1px solid var(--couleurBase);
	margin-left: calc(2*var(--margeGauche));
	padding: calc(1*var(--padding));
	display: block;
	border-radius: var(--radius);
	height: 16px;
	z-index: 500;
	position: absolute;
	background-color: var(--neutre);
}
pre {
	line-height: 100%;
	font-size: 90%;
	overflow-x: auto;
	overflow-y: hidden;
	overflow-wrap: anywhere;
	border: 2px solid var(--couleurBase);
	padding: var(--padding);
	background-color: var(--souligneTrèsClair);
}
.miseEnAvant, .miseEnAvant2 {
}
.miseEnAvant {
	background-color: var(--couleurBaseClaire);
}
.miseEnAvant2 {
	color: var(--couleurBaseFoncée);
	background-color: var(--neutre);
}
#aide .fermer,
#modale .fermer {
	width: 100%;
	text-align: right;
}
#mod {
	display: inline-block	;
}
.navFiche {
	position: sticky;
	bottom: 0px;
	border-top: 1px solid var(--couleurBaseAttenuée);
	width: 44vw;
	background-color: var(--neutre);
	display: block;
	font-size: 90%;
	padding-top: calc(0.5*var(--padding));
	padding-bottom: calc(0.5*var(--padding));
}
.nd {
	float: right;
}
img.fermeBouton {
	float: right;
	margin-top: var(--padding);
	margin-left: var(--padding);
	cursor: pointer;
	border: 0px solid transparent !important;
}
#innerHeader img.fermeBouton {
	margin-right: var(--padding);
	margin-top: calc(-1*var(--padding));
}
#connect  img.fermeBouton {
	margin-top: -40px;
}

.boutonFermer {
	background-image: url('../pic/fermer2.svg');
	background-repeat: no-repeat;
	width: var(--boutonPetitLarge);
	overflow: hidden;
	height: 30px;
	background-position: center;
	border: 0px;
	background-color: transparent;
	color: #730e0e00;
	top: 10px;
	position: absolute;
	right: 10px;
	background-size: var(--boutonPetitLargeBG);
}
.success {
	color: var(--ok);
}
#toc h2 {
	cursor: pointer;
}
#toch2 {
	writing-mode: vertical-lr;
	position: fixed;
	left: -20px;
	top: 170px;
	z-index: 6666;
	background-color: var(--neutre);
	border: 1px solid var(--couleurBase);
	padding: calc(0.5*var(--padding));
}
#tocHP {
	margin-bottom: calc(3*var(--padding));
}
.cache,
.cache2,
.cachePermanent {
	display: none !important;
}
.visible {
	display: block;
}
.erreur0 {
	color: var(--erreurFort);
}
.erreur {
	color: var(--erreurFort);
	font-size: 120%;
}
.erreur2 {
	color: var(--ko);
	font-weight: 800;
}
span.aide.nom {
	width: max-content;
	display: inline-block;
	border: 1px solid var(--couleurBase);
	padding: 4px;
	font-size: 80%;
	margin-left: -35px;
	max-width: 250px;
}
input {
	border: 1px solid var(--couleurBase);
	padding-left: var(--padding);
	font-size: 100%;
	height: 26px;
}
form .actions {
	width: 100%;
	display: block;
	text-align: right;
	margin-top: var(--padding);
}
#labFichier {
	cursor: pointer;
}
.labfichier {
	border: 1px solid #116ca2;
	border-radius: calc(0.3*var(--radius));
	padding: calc(0.5*var(--padding));
	background-color: var(--bouton);
	color: var(--boutonT);
	margin-right: calc(2*var(--padding));
	margin-bottom: calc(1*var(--padding));
	width: max-content;
	font-size: 100%;
	height: var(--hautLigne);
}
.boutonAction {
	border: 1px solid var(--couleurBase);
	color: var(--couleurBase);
	width: max-content;
	display: block;
	padding: var(--padding);
	border-radius: var(--radius);
	padding-bottom: calc(0.5*var(--padding));
	cursor: pointer;
}
.bouton, input[type="button"], input[type="submit"], button {
	cursor: pointer;
	display: inline-block;
	margin-left: var(--padding);
	min-height: calc(2* var(--padding));
	width: calc(max-content + var(--padding));
	padding-right: var(--padding);
	margin-right: calc(2 * var(--padding));
	border-radius: calc(0.5*var(--radius));
}
.bouton {
	margin-top: var(--padding);
	float: right;
}
.bouton2 {
	box-shadow: 0 0 0 0 !important;
	border: 1px solid var(--couleurBase);
	padding-left: 10px;
	padding-bottom: 2px;
	text-transform: capitalize;
}
input[type="checkbox"] {
	height: var(--hautCheck);
	padding: 0;
	margin-top: 0px;
	vertical-align: bottom;
	position: relative;
	top: -1px;
	margin-right: calc(0.5 * var(--padding));
	margin-left: var(--padding);
	margin-bottom: 0px;
}
input[type="checkbox"] + label {
	padding-left: var(--hautCheck);
	text-indent: calc(-1 * var(--hautCheck));
}
.cat input[type="checkbox"] + label {
	padding-left: var(--padding);
	text-indent: initial;
}
#admin label.cat {
	text-align: right;
	vertical-align: bottom;
	height: 16px;
}
input[type="text"] {
	border-radius: 4px;
	border: 1px dotted var(--couleurBase);
	font-size: 90%;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
	color: var(--souligne);
	padding: 2px
}
input[type="text"].long {
	width: 500px;
}
input[type="file"] {
	display: none;
}
#admin label[for="titre"] {
	width: max-content;
	font-weight: 600;
}
#admin legend {
	width: max-content;
	font-weight: 600;
	margin-left: calc(-1.2*var(--padding));
}
#admin fieldset {
	margin-top: calc(1.25*var(--padding));
}
#fichierReq1 {
/*	display: block !important;*/
}
input.erreur {
	border: 1px solid var(--erreur);
	border-radius: calc(0.5*var(--radius));
	color: var(--erreur);
}
textarea {
	border-radius: 4px;
	border: 1px dotted var(--couleurBase);
}
div.erreur {
	border: 1px solid var(--erreur);
	border-radius: calc(0.5*var(--radius));
	color: var(--erreur);
	padding: var(--padding);
	width: max-content;
}
div.ok {
	border: 1px solid var(--ok);
	border-radius: calc(0.5*var(--radius));
	color: var(--ok);
	padding: var(--padding);
	width: max-content;
}
span.ok {
	border: 1px solid var(--ok);
	border-radius: calc(0.5*var(--radius));
	color: var(--ok);
	padding: var(--padding);
	width: max-content;
	display: block;
}

input[type="image"] {
	border: 0px;
}
.bouton a {
	color: var(--fond);
}
select {
	min-height: 26px;
	font-size: 100%;
	background-color: var(--couleurBaseAttenuée);
	border: 1px solid var(--couleurBaseFoncée);
	padding: 3px;
	opacity: 0.8;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	padding-right: 0px;
	color: var(--noir);
	min-width: 80px;
	text-align: right;
	max-width: 200px;
}
a,
a.hover {
	text-decoration: none;
	color: var(--couleurBaseLien);
}
.message {
    color: #116171;
	min-height: 30px;
	max-height: 30px;
	padding-top: var(--padding);
	display: block;
	text-align: center;
}
.avertissement {
	display: inline-block;
	margin-bottom: 8px;
	color: var(--avertissement);
	background-color: var(--noir);
	padding: var(--padding);
}
.nomFIC button {
	background-color: var(--noir);
	border: 1px solid var(--noir);
	color: var(--fond);
	padding-left: var(--padding);
	padding-right: var(--padding);
	margin-top: calc(-1*var(--padding));
	border-top: 0px;
	height: 31px;
	padding-top: 8px;
	padding-bottom: 6px;
}
.fermer {
	position: sticky;
	top: 0px;
	background-color: transparent;
}
table {
    width: 97%;
    max-width: 99%;
    border-radius: 6px;
    border: 1px solid var(--couleurBase);
    top: 0px;
    left: 30px;
    position: relative;
    display: table;
    border-spacing: 0;
	min-width: 1500px;
	background-color: var(--neutre);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
thead {
	position: sticky;
	background-color: var(--couleurBase);
	top: 0px;
    border: 1px solid var(--neutre);
	border-radius: 6px;
	z-index: 222222;
	display: table-header-group;
	vertical-align: middle;
	color: var(--neutre);
	font-size: 90%;
	white-space: nowrap !important;

}
tbody {
    width: 97%;
	position: relative;
	background-color: var(--neutre);
	border: 1px solid var(--couleurBase);
	border-radius: 6px;
	display: table-row-group;
	vertical-align: middle;
}
tfoot {
    width: 97%;
	display: table-footer-group;
}
tr {
}
td, th {
	border-bottom: 1px solid var(--souligneLéger);
	border-left: 1px solid var(--souligneLéger);
	text-align: left;
	font-weight: 400;
	padding : calc(0.25*var(--padding));
	overflow: hidden;
}
thead th {
	padding-top: var(--padding);
	padding-bottom: var(--padding);
    border-left: 1px solid var(--neutre);
    border-bottom: 1px solid var(--neutre);
}
thead td {
	padding-top: var(--padding);
	padding-bottom: var(--padding);
    border-bottom: 1px solid var(--neutre);
    border-left: 1px solid var(--neutre);
}
.titre.n1 {
	font-weight: 600;
	font-size: 110%;
	height: calc(3*var(--padding));
	cursor: pointer;
}
td.n1 {
	font-size: 120%;
	color: var(--couleurBaseFoncée);
	padding-top: calc(1.5*var(--padding));
	font-weight: 600;
}
td.n2 {
	font-size: 110%;
	color: var(--couleurBase);
	padding-top: var(--padding);
}
tr.total {
	background-color: var(--couleurBaseAttenuée);
	font-weight: 600;
}
tr.total.all {
	background-color: var(--couleurBase);
	font-weight: 600;
	color: var(--neutre);
}
td.total,
th.total {
	padding-bottom: 6px;
	padding-top: 6px;
	text-align: right;
	padding-right: calc(1*var(--padding));
}
td.données {
	text-align: right;
	padding-right: var(--padding);
	min-width: 50px;
    overflow: hidden;
    word-wrap: break-word;
}
td.données.total,
th.titre.total {
	font-weight: 800;
	background-color: var(--couleurBaseAttenuée);
  	border-bottom: 1px solid var(--couleurBaseFoncée);
  	height: calc(3*var(--padding));
}
th.données {
	text-align: right;
	padding-right: var(--padding);
	min-width: 50px;
    overflow: hidden;
    word-wrap: break-word;
}
td.indices {
	text-align: center;
}
td.URL {
    max-width: 50px !important;
    min-width: 4vw;
}
th.URL {
    max-width: 50px !important;
    min-width: 4vw;
}
td.titre, 
th.titre {
	overflow: hidden;
}
th.titre {
	width: 26vw;
	min-width: 26vw;
	max-width: 26vw;
	min-width: 4vw;
}
th.profil {
	font-weight: 800;
	font-size: 110%;
	text-align: center;
	min-width: 4vw;
}
td.maxi.total {
	border: 4px solid var(--maxi);
	border-radius: 6px;
}
td.maxi {
	background-color: var(--maxi) !important;
	color: var(--noir) !important;
	border-radius: 6px;
	border: 1px solid var(--maxi);
}
td.mini.all,
td.maxi.all {
	color: var(--neutre);
}
td.mini.total {
	border: 4px solid var(--mini);
	border-radius: 6px;
}
td.mini {
	background-color: var(--mini) !important;
	color: var(--noir) !important;
	border-radius: 6px;
	border: 1px solid var(--mini);
}
th.total.complet {
	font-weight: 800;
}
tr.all td,
tr.all th {
	font-weight: 800;
	background-color: var(--couleurBaseClaire);
	color: var(--couleurBase);
}
td.valeur {
	text-align: right;
	padding-right: calc(0.5*var(--padding));
	vertical-align: bottom;
}
td.valeur.détail {
	cursor: pointer;
}
caption {
	position: sticky;
	padding-top: var(--padding);
	padding-bottom: var(--padding);
}
th {
	overflow: hidden !important;
 	text-overflow: ellipsis !important
}
th.section1 {
	max-width: 100vw;
	width: 100vw;
}
th.section2 {
	max-width: 50vw;
	width: 50vw;
}
th.section3 {
	max-width: 30vw;
	width: 30vw;
}
th.section4 {
	max-width: 25vw;
	width: 25vw;
}
th.section5 {
	max-width: 20vw;
	width: 20vw;
}
th.section6 {
	max-width: 14vw;
	width: 14vw;
}
th.section8 {
	max-width: 10vw;
	width: 10vw;
}
th.section9 {
	max-width: 9vw;
	width: 9vw;
}
th.section10 {
	max-width: 8vw;
	width: 8vw;
}
th.section11 {
	max-width: 8vw;
	width: 8vw;
}
th.section12 {
	max-width: 7vw;
	width: 7vw;
}
th.section13 {
	max-width: 7vw;
	width: 7vw;
}
th.section14 {
	max-width: 6vw;
	width: 6vw;
}
th.section15 {
	max-width: 6vw;
	width: 6vw;
}
th.section16 {
	max-width: 6vw;
	width: 6vw;
}
th.section17 {
	max-width: 6vw;
	width: 6vw;
}
th.section18 {
	max-width: 6vw;
	width: 6vw;
}
th.section19 {
	max-width: 6vw;
	width: 6vw;
}
th.section20 {
	max-width: 6vw;
	width: 6vw;
}
#debug {
	margin-top: var(--margeEntete);
	display: block;
	border: 1px solid var(--couleurBase);
	padding: var(--padding);
	width: 50%;
}
.export {
	position: relative;
	margin-top: calc(1.1*var(--margeEntete));
}
#montreFIC {
	color: var(--couleurBase);
}
#enteteT2 th {
	font-weight: 600;
	background-color: var(--couleurBase);
	color: var(--neutre);
	padding: var(--padding);
}
th.titreJeu {
	text-align: right;
	padding-right: var(--padding);
	font-weight: 600;
}
th.titreJeu::after {
/*	content: " :";*/
}tr#ligneDebut th,
tr#ligneDebut td {
	border-top: 2px solid var(--bordTableSection) !important;
}
tr#ligneDebut th {}
table#corpsTOC td,
table#corpsTOC th {
	border-top: 1px solid #eaeaea;
	border-left: 0;
}
table#corpsTOC tr.impaire td,
table#corpsTOC tr.impaire th {
	background-color: var(--pyjama);
}
#corpsTOC {
	margin-bottom: calc(2*var(--margePage));
	left: 50px;
	position: fixed;
	padding: var(--padding);
	border: 1px solid var(--souligneTrèsClair);
	z-index: 22222222222222222;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	width: 28vw;
	max-height: 75vh;
	overflow: auto;
}
#corpsTOC li {
	padding-left: 0px;
	display: flow-root list-item;
	list-style: decimal-leading-zero;
}
tr.actif td,
tr.actif th {
	background-color: var(--actif) !important;
}
h2.tocColl {
	z-index: 2222222;
	position: relative;
}
#colHTML header {
	position: sticky;
	background-color: var(--neutre);
}
#colHTML h2.tocColl {
	position: absolute;
	top: -7px;
	left: 38vw;
}
#colHTML .legende {
	display: none;
}
#colHTML #nav {
	position: absolute;
	top: 8px;
	z-index: 2225;
	border-bottom: 1px solid var(--couleurBase);
	width: 97%;
	text-align: left;
	left: 0;
	background-color: var(--neutre);
}
#toc {
	float: left;
	clear: both;
	position: fixed;
	background-color: transparent;
	z-index: 66777777777;
	top: 170px;
}
#affiche {
	position: relative;
	z-index: 225;
}
#affiche h2 {
/*	float: left;*/
	width: 100%;
}
#affiche ul:nth-of-type(1) {
/*	float: left;*/
}
#affiche #nav {
	width: 100%;
	display: block;
	position: relative;
	clear: both;
	margin-bottom: 50px;
	border-bottom: 2px solid var(--couleurBase);
}
div.tab {
	display: inline-block;
	margin-right: var(--padding);
	border-top-right-radius: var(--radius);
	border: 1px solid var(--couleurBase);
	padding: calc(0.5*var(--padding));
	padding-bottom: calc(0.25*var(--padding));
	cursor: pointer;
	border-bottom: 0px;
}
div.tab.active {
	cursor: default;
	background-color: var(--couleurBase);
	color: var(--neutre);
}
#qui {
	padding-top: calc(0.2*var(--padding));
	background-color: transparent;
	font-size: 80%;
	color: var(--noir);
	float: right;
	clear: both;
}
.infoImportante {
	display: block;
	width: max-content;
	padding: calc(1*var(--padding));
	font-size: 150%;
	color: var(--avertissement);
	border: 1px solid var(--couleurBase);
	border-radius: var(--radius);
	clear: both;
	margin-left: var(--margeGauche);
}
.action {
	text-align: right;
	width: 900px;
	padding-top: var(--padding);
	border: 1px solid var(--couleurBaseAttenuée);
	border-radius: calc(0.5*var(--radius));
}
img#flToc {
	height: 29px;
	margin-top: var(--padding);
	margin-bottom: var(--padding);
}
img.pc {
	border: 1px solid var(--couleurBase);
	width: 10px;
	margin-left: var(--padding);
	display: inline-block;
	vertical-align: bottom;
}
img.pc.p15 {
	background-color: var(--pc15);
}
img.pc.p40 {
	background-color: var(--pc40);
}
img.pc.p65 {
	background-color: var(--pc65);
}
img.pc.p80 {
	background-color: var(--pc80);
}
img.pc.p99 {
	background-color: var(--pc99);
}
img.pc.p100 {
	background-color: var(--pc100);
}
img.pc.ppx {
	display: none;
}
.fiche img {
	border: 1px solid var(--couleurBaseAttenuée);
	max-width: 400px;
	height: auto;
}
#retour {
	border: 1px solid var(--couleurBaseFoncée);
	width: fit-content;
	padding: var(--padding);
	margin-top: var(--padding);
	border-radius: var(--radius);
	background-color: var(--couleurBaseAttenuée);
	padding-bottom: 0px;
	padding-top: 0px;
}
#retour #fermeRetour {
	float: right;
	margin-top: var(--padding);
	border: 2px solid var(--avertissement);
	border-radius: 50%;
	padding-left: 3px;
	padding-right: 3px;
	font-weight: 500;
	cursor: pointer;
}
img.profil {
	width: 15px;
	margin-right: var(--padding);
}
textarea#note {
	width: 500px;
	height: 70px;
}
thead .source {
	font-weight: 400;
	display: block;
	font-size: 80%;
}
thead .source a {
	color: var(--neutre);
}
.del {
	border: 3px solid var(--ko);
	border-radius: 50%;
	padding-left: 3px;
	padding-right: 3px;
	margin-left: 5px;
	float: left;
	cursor: pointer;
	background-color: var(--neutre);
	color: var(--noir);
	margin-top: 38px;
}
.del a {
	color: var(--noir);
}
li span.label {
	width: 250px;
	display: inline-block;
}
#liste.user li span.label {
	width: 360px;
	display: inline-block;
}
#pied section {
	margin-top: 22px;
	text-align: left;
	width: max-content;
	margin-left: var(--mlSectionpied);
}
#pied h2 {
	font-size: 100%;
	margin-bottom: 5px;
}
#wcb.carbonbadge {
	font-size: 15px;
	text-align: center;
	color: var(--b1);
	line-height: 1.15;
}
#wcb #wcb_g {
	border-radius: .3em 0 0 .3em;
	background: #fff;
	border-right: 0;
	min-width: 8.2em;
}
#wcb #wcb_a,
#wcb #wcb_g {
	--b1: var(--couleurBaseLien);
	--b2: var(--couleurBaseLien);
	padding:.3em .5em;
	border:.13em solid var(--b2) !important;
}
#wcb #wcb_a {
	border-radius: 0 .3em .3em 0;
	border-left: 0;
	background: var(--b1);
	color: #fff;
	font-weight: 700;
	border-color: var(--b1);
}
/*=============== Les stats*/
.stats .intro {
	margin-bottom: 30px;
}
.stats .intro .intitule {
	display: inline-block;
	width: 200px;
}
.stats .ligneStat {
	border-top: 3px solid var(--blanc);
	padding: var(--padding);
	font-size: 90%;
}
.stats .impaire {
	background-color: var(--souligneLéger);
	color: var(--noir);
}
.stats .paire {
	background-color: var(--tracé2);
	color: var(--blanc);
}
.stats .ok {
	background-color: var(--ok);
	color: var(--blanc);
}
.stats .mea {
	background-color: var(--mea);
	color: var(--texte);
	font-weight: 400;
}
.stats .ligne {
	width: auto;
	display: flex;
	border: 0px solid var(--couleurBaseFoncée);
	float: none;
	margin-left: 32px;
	margin-bottom: 16px;
	z-index: 0;
	position: relative;
}
.stats .gauche {
	background-color: var(--couleurBase);
	border: 1px dotted var(--souligneFoncé);
	margin-left: 6px;
	margin-right: 6px;
	padding: 12px;
	width: 28%;
}
.stats .gauche.courbe {
	background-color: var(--fondTableau);
}
.stats .gauche.demi {
	width: 50%;
}
.stats .gauche.quart {
	width: 25%;
	min-width: 230px;
	height: 250px;
	text-align: center;
	border: 0;
}
.stats .quart.courbe.gauche.retour {
	clear: both;
	float: left;
	position: absolute;
	display: block;
	left: 0px;
	top: 300px;
}
.stats .gauche.plein {
	width: 100%;
}
.stats .gauche table {
	border: 1px dotted var(--souligneFoncé);
	border-bottom: 0px dotted var(--souligneFoncé);
	border-spacing: 0px;
	width: 94% !important;
	display: table;
	position: relative;
	min-width: 400px;
}
.stats .gauche th {
	background-color: var(--couleurBaseAttenuée);
	text-align: right;
	border-bottom: 1px dotted var(--souligneFoncé);
	padding-right: 12px;
}
.stats .gauche td {
	text-align: right;
	border-bottom: 1px dotted var(--souligneFoncé);
	padding-right: 12px;
}

.stats .valeur {
	min-width: 40px;
	display: inline-block;
	text-align: right;
}
.stats h2 {
	font-size: 110%;
	margin-top: 0px;
	margin-left: var(--padding);
}
.stats h3 {
	font-size: 105%;
	margin-top: 0px;
/*	margin-left: var(--padding);*/
}
.stats .fromage h3 {
	width: max-content;
	padding: var(--padding);
	background-color: var(--couleurBaseClaire);
	opacity: 0.8;
	font-weight: 500;
}
.stats .barre {
	border: 1px solid var(--tracé2);
	background-color: var(--ok);
	height: 5px;
}
.stats path {
	stroke:var(--tracé1);
	stroke-width:2px;
	fill:none;
	fill:none;
}
.stats path.bots {
	stroke:var(--ko);
	stroke-width:2px;
}
.stats path.réel {
	stroke:var(--couleurBaseFoncée);
	stroke-width:3px;
}
.stats path.p2 {
	stroke-width:1px;
	stroke: var(--tracé2);
}
.stats span.données {
	display: block;
	clear: both;
	min-width: 180px;
	padding: 3px;
	opacity: 1;
}
.stats span.données > span {
	width: 78% !important;
	display: inline-block;
	opacity: 1;
}
.stats span.données > span+span {
	width: 17% !important;
	text-align: right;
	display: inline-block;
	opacity: 1;
}
.stats path.courbe0 {
	stroke: var(--bleuCalme);	
}
.stats span.courbe0,
.stats th.courbe0,
.stats td.courbe0,
.stats div.courbe0 {
	background-color: var(--bleuCalme);
}
.stats path.courbe1 {
	stroke: var(--bleuViolet);	
}
.stats span.courbe1,
.stats th.courbe1,
.stats td.courbe1,
.stats div.courbe1 {
	background-color: var(--bleuViolet);
	color: var(--blanc);
}
.stats path.courbe2 {
	stroke: var(--ocre);
}
.stats span.courbe2,
.stats th.courbe2,
.stats td.courbe2,
.stats div.courbe2 {
	background-color: var(--ocre);
}
.stats path.courbe3 {
	stroke: var(--pomme);	
}
.stats span.courbe3,
.stats th.courbe3,
.stats td.courbe3,
.stats div.courbe3 {
	background-color: var(--pomme);
	/*color: var(--blanc);*/
}
.stats path.courbe4 {
	stroke: var(--rose);	
}
.stats span.courbe4,
.stats th.courbe4,
.stats td.courbe4,
.stats div.courbe4 {
	background-color: var(--rose);
	color: var(--blanc);
}
.stats path.courbe5 {
	stroke: var(--rode);	
}
.stats span.courbe5,
.stats th.courbe5,
.stats td.courbe5,
.stats div.courbe5 {
	background-color: var(--rode);
	color: var(--blanc);
}
.stats path.courbe6 {
	stroke: var(--kaki);	
}
.stats span.courbe6,
.stats th.courbe6,
.stats td.courbe6,
.stats div.courbe6 {
	background-color: var(--kaki);
	color: var(--blanc);
}
.stats path.courbe7 {
	stroke: var(--tracé2Vert);	
}
.stats span.courbe7,
.stats th.courbe7,
.stats td.courbe7,
.stats div.courbe7 {
	background-color: var(--tracé2Vert);
	color: var(--blanc);
}
.stats .point {
	background-color: var(--couleurBase);
	padding: 6px;
	font-size: 70%;
	fill: var(--tracé2);
}
.stats .multi .point {
	background-color: var(--couleurBase);
	padding: 6px;
	font-size: 60%;
	fill: var(--tracé2);
}
.stats .point.bots {
	background-color: var(--couleurBase);
	padding: 6px;
	font-size: 60%;
	fill: var(--ko);
}
.stats .point.total {
	background-color: var(--couleurBase);
	padding: 6px;
	font-size: 60%;
	fill: var(--tracé2);
}
.stats .point.réel {
	background-color: var(--couleurBase);
	padding: 6px;
	/* font-size: 10%; */
	fill: var(--couleurBaseFoncée);
	border: 1px solid var(--couleurBaseFoncée);
	display: inline-block;
}
.stats .date {
	background-color: var(--couleurBase);
	font-size: 60%;
}
.stats .marqueur {
	 fill:transparent;
	 stroke-width:1;
	 stroke: var(--tracé3);
	 opacity: 0.8;
	 width: 5px;
	 height: 5px;
}
.stats .multi .marqueur {
	 width: 10px;
	 height: 10px;
	 cursor: pointer;
}
div.fromage {
	position: relative;
	max-width: max-content;
}
svg.camembert {
  width: 200px;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 10px;
  stroke-dashoffset: 1px;
  margin-top: calc(3*var(--padding));
 }
svg.camembert.devicechart,
svg.camembert.oschart,
svg.camembert.chart {
  background: transparent;
  transform: rotate(-90deg);
}
svg.camembert.chart0 {
  transform: rotate(-90deg);
}
svg.camembert circle {
	fill: none;
	stroke: var(--couleurBaseAttenuée);
	stroke-width: 10;
}
tr.nav0 {
	background-color: var(--nav0);
	color: var(--neutre);
}
tr.nav1 {
	background-color: var(--nav1);
	color: var(--neutre);
}
tr.nav2 {
	background-color: var(--nav2);
	color: var(--noir);
}
tr.nav3 {
	background-color: var(--nav3);
	color: var(--neutre);
}
tr.nav4 {
	background-color: var(--nav4);
	color: var(--nnoir);
}
tr.nav5 {
	background-color: var(--nav5);
	color: var(--neutre);
}
tr.nav6 {
	background-color: var(--nav6);
	color: var(--neutre);
}
tr.nav7 {
	background-color: var(--nav7);
	color: var(--neutre);
}
tr.nav8 {
	background-color: var(--nav8);
	color: var(--noir);
}
tr.nav9 {
	background-color: var(--nav9);
	color: var(--nnoir);
}
tr.nav10 {
	background-color: var(--nav10);
	color: var(--noir);
}
tr.nav11 {
	background-color: var(--nav11);
	color: var(--noir);
}
tr.nav12 {
	background-color: var(--nav12);
	color: var(--noir);
}
tr.nav13 {
	background-color: var(--nav13);
	color: var(--neutre);
}
tr.nav14 {
	background-color: var(--nav14);
	color: var(--neutre);
}
tr.nav15 {
	background-color: var(--nav15);
	color: var(--neutre);
}
tr.nav16 {
	background-color: var(--nav16);
	color: var(--neutre);
}
tr.nav17 {
	background-color: var(--nav17);
	color: var(--neutre);
}
tr.nav18 {
	background-color: var(--nav18);
	color: var(--neutre);
}
tr.nav19 {
	background-color: var(--nav19);
	color: var(--neutre);
}
tr.nav20 {
	background-color: var(--nav20);
	color: var(--neutre);
}
tr.nav21 {
	background-color: var(--nav21);
	color: var(--neutre);
}
tr.nav26 {
	background-color: var(--nav26);
	color: var(--neutre);
}
svg text.fromage {
	font-size: 1%;
	color: var(--couleurBase);
}
main#page {
	max-width: var(--largeStats);
	margin: auto;
	position: relative;
	width: var(--largeStats);
	top: 0px;
	padding-top: var(--padding);
}
.stats #header {
	max-width: var(--largeStats);
	display: block;
	position: relative;
	margin: auto;
	width: var(--largeStats);
	min-width: var(--largeStats);
	padding-left: calc(0.65*var(--padding));
	background-color: transparent;
	color: var(--neutre);
	height: calc(0.5*var(--hautTete));
}
header a {
	color: var(--neutre);
}
#connect .ferme a {
	color: var(--couleurBase);
}
header #titre {
	background-color: transparent;
	color: var(--neutre);
	top: 0px;
	position: absolute;
	right: 0px;
}
.stats h1 {
	display: inline-block;
	vertical-align: top;
	color: var(--neutre);
}
body.stats {
	background-color: var(--couleurBase);
	padding-top: 0px;
	margin: auto;
	max-width: 100%;
}
.stats #entete {
	width: var(--largeStats);
	max-width: var(--largeStats);
	margin: auto;
	position: relative;
	padding: 0px;
	padding-left: calc(2*var(--padding));
	background-color: transparent;
}

.ligneDebut,
#ligneDebut {
	width: 100%;
	margin-bottom: var(--padding);
	border: 1px solid var(--couleurBase);
	height: 104px;
	background-color: var(--couleurBaseAttenuée);
}
.ligneDebut.actif {
	background-color: var(--couleurBaseFoncée);
}
#tocHP .ligneDebut {
	background-color: var(--neutre);
	border: 1px solid var(--couleurBaseAttenuée);
/*	width: fit-content;*/
}
.lien {
	cursor: pointer;
}
.liens {
	cursor: pointer;
	color: var(--couleurBaseFoncée);
}
#mesuresTOC0, #mesuresTOC1 {
	border: 1px solid #e3e3e3;
	width: 150px;
	clear: none;
	float: left;
	height: 86px;
	margin-right: var(--padding);
	margin-top: 2px;
	margin-left: 2px;
	padding: 6px;
}
.mesures .bloc {
	float: left;
	border: 1px solid var(--couleurBaseAttenuée);
	width: 93px;
	height: 34px;
	display: block;
	min-height: 29px;
	padding: calc(0.5*var(--padding));
	clear: none;
	margin-bottom: 2px;
	margin-top: 2px;
	border: 1px solid var(--couleurBase);
}
.mesures .bloc.maxi {
	background-color: var(--maxi);
}
.mesures .bloc.mini {
	background-color: var(--mini);
}
.mesures .bloc .titreJeu {
	display: block;
	margin-bottom: calc(0.25*var(--padding));
	font-weight: 600;
	overflow: hidden;
	height: 18px;
	word-break: break-all;
	white-space: nowrap;
}
.mesures .bloc .indices {
	display: block;
/*	font-weight: 600;*/
	text-align: center;
}
.mesures .bloc2 {
	margin: 0;
	width: 110px;
	float: left;
	background-color: transparent;
}
.complement {
	display: block;
	margin-top: calc(0.5*var(--padding));
}
.mesures {
	clear: right;
	float: left;
	background-color: transparent;

}
.perso {
	border-left: 3px solid var(--couleurBaseFoncée) !important;
	padding-left: 3px !important;
}
#wcb.carbonbadge {
	--b1: var(--couleurBaseFoncée);
	--b2: #00ffbc;
	font-size: 90%;
	text-align: center;
	color: var(--b1);
	line-height: 1.15;
}
/*====================== Referentiel*/
#référentiel {
	position: relative;
	padding-left: var(--padding) !important;
	height: fit-content;
	background-color: transparent;
	z-index: 20;
	min-width: var(--minPage);
/*	width: 94vw;*/
	z-index: 110;
	padding-top: 0px;
	margin-top: calc(2*var(--padding));
	/* max-width: 45vw; */
	min-width: 45vw;
	margin-left: var(--padding);
/*	border: 1px solid green;*/
}
#référentiel #toc {
	/* top: 245px; */
	height: fit-content;
	position: relative;
	float: none;
	display: block;
	top: 0px;
	width: 100%;
}
#référentiel footer {
	position: relative;
}
#référentiel .fiche {
	position: fixed;
	left: 50vw;
	border: 2px solid var(--couleurBase);
	top: 285px;
	max-width: 1080px;
	width: 45vw;
	padding-left: var(--padding);
	padding-right: var(--padding);
	border-radius: var(--padding);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-color: var(--souligneTrèsLéger);
	max-height: 60vh;
	overflow: auto;
}
.fiche section {
	padding-bottom: var(--padding);
}
.fiche h3 {
	font-size: 133%;
	border-bottom: 1px solid var(--couleurBaseAttenuée);
	padding-bottom: 3px;
	line-height: 120%;
}
#filtre {
	border-bottom: 1px solid var(--couleurBase);
}
h2.graphique {
	border-radius: var(--padding);
	border: 1px solid var(--couleurBase);
	width: fit-content;
	padding: calc(0.7*var(--padding));
	margin-bottom: calc(1.6*var(--padding));
	margin-top: calc(3.2*var(--padding));
}
h2.mineur {
	font-size: 100%;
}
#référentiel h2 {
	border: 0px;
	font-weight: 800;
	font-size: 120%;
}
.fiche h4 {
	color: var(--couleurBaseFoncée);
}
.fiche h3 {
	color: var(--couleurBaseFoncée);
}
#tocF > ul > li {
	padding: var(--padding);
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 100%;
	list-style: none;
	margin-left: -35px;
}
#tocF h3 {
/*	padding: 0px;*/
/*	margin: 0px;*/
}
.fiche h4 {
	font-size: 120%;
}
li.selection {
	outline: 1px solid var(--couleurBaseFoncée);
	max-width: fit-content;
	background-color: aliceblue;

}
.filtre {
	padding: calc(0.6*var(--padding));
	max-width: fit-content;
	margin-right: var(--padding);
	display: inline-block;
	margin-left: 0px;
	min-height: auto;
	border: 1px solid var(--couleurBaseAttenuée);
	width: fit-content;
	border-radius: 0px;
	margin-bottom: -22px;
	background-color: var(--fond);
	color: var(--couleurBaseFoncée);
	margin-top: calc(-1*var(--padding));
}
.filtre.selection {
	outline: 1px solid var(--couleurBaseClaire);
	background-color: aliceblue;
}
.fiche ul > li {
	padding-top: calc(0.15*var(--padding)) !important;
	padding-bottom: calc(0.15*var(--padding)) !important;
	margin: 0px !important;
	line-height: 125% !important;
}

.categorie {
	border-radius: calc(0.5*var(--padding));
	border: 1px solid var(--couleurBaseClaire);
	padding: calc(0.5*var(--padding));
	margin-top: -19px;
	display: inline-block;
	width: fit-content;
	padding-top: calc(0.8*var(--padding));
	background-color: var(--neutre);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-right: var(--padding);
}
label.entrée {
	background-color: var(--neutre);
	border: 1px solid var(--couleurBase);
	color: var(--couleurBase);
	padding: calc(0.8*var(--padding));
	border-radius: var(--radius);
	max-width: fit-content;
	width: max-content;
	margin-right: calc(0.8 * var(--padding));
	padding-left: var(--padding);
}
label.entrée.selection {
	background-color: var(--couleurBaseClaire);
	color: var(--couleurBaseTrèsFoncée);
}
label.entrée + input {
	margin-left: -29px;
	margin-top: 0px;
	vertical-align: middle;
	opacity: 1;
}
.cat {
	height: 20px;
}
.cat input[type="button"] {
	border: 2px solid var(--couleurBaseFoncée);
	margin-top: 2px;
	height: 37px;
	font-size: 110%;
	margin-left: calc(1.2*var(--padding));
}
.cat input[type="button"].active {
	background-color: var(--couleurBase);
	color: var(--neutre);
}

.montreJeu {
	border: 1px solid var(--couleurBaseClaire);
	padding: var(--padding);
	max-width: fit-content;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	float: left;
	left: 30vw;
	position: relative;
	top: -5vh;
}
li span.bouton {
	float: left;
	border: 1px solid var(--couleurBaseClaire);
	padding-left: 4px;
	width: 2px;
	height: 2px;
	padding-bottom: 0px;
	min-height: 20px;
	background-color: var(--couleurBaseFoncée);
	color: var(--neutre);
	left: 23vw;
	position: relative;
	top: -2vh;
}
.NL #collection {
	border-radius: 4px;
	border: 1px dotted var(--couleurBase);
	font-size: 90%;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
	color: var(--souligne);
	padding: 2px;
	height: auto;
	min-height: auto;
	width: 15vw;
	position: relative;
	display: inline-block;
	top: 0;
	left: 0;
}
#collection {
	width: 95%;
	border: 1px solid var(--couleurBaseAttenuée);
	height: auto;
	position: fixed;
	top: 17vh;
	z-index: 22222222222222222;
	display: block;
	left: 3vw;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#collection object {
	width: 100%;
	height: 80vh;
	position: relative;
}
#innerHeader {
	height: calc(0.5*var(--padding));
	max-height: calc(0.5*var(--padding));
	text-align: right;
	position: fixed;
}
/*
#innerHeader a {
	color: var(--couleurBase);
	border: 1px solid var(--couleurBase);
	border-radius: 50%;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 0px;
	background-color: var(--couleurBaseAttenuée);
}
*/
#alertes {
	z-index: 222222222222222222222222222222222222222;
	position: absolute;
	top: 0px;
	left: 250px;
	color: var(--léger);
	background-color: black;
	padding: calc(2*var(--padding));
	width: fit-content;
	border: 2px solid var(--couleurBaseTrèsFoncée);
	font-size: 120%;
	text-align: center;
}