html {
	background-color: var(--fond);
}
.tableTete {
	background-color: greenyellow !important;
	color: red !important;
}
/*
body {
	color: var(--texte);
	background-color: var(--fond);
	text-decoration: none;
	height: 100%;
	font: 16px/100% var(--typo), Helvetica, Arial, sans-serif;
	min-width: var(--minPage);
	margin: auto;
	max-width: var(--maxPage);
	width: 100%;
	padding: 0px;
	border-left: 1px solid var(--souligneTrèsClair);
	border-right: 1px solid var(--souligneTrèsClair);
	margin-left: 2%;
}
*/
.infoComplement {
	cursor: help !important;
}
.onglet {
	border-top: 1px solid var(--couleurBase);
	position: absolute;
	margin-top: -17px;
	background-color: var(--neutre);
	padding-left: var(--padding);
	border-left: 1px solid var(--souligneLéger);
	margin-bottom: calc(3*var(--padding));
	border-top-right-radius: var(--radius);
	border-right: 1px solid var(--couleurBase);
	padding-right: var(--padding);
	border-bottom: 1px solid var(--couleurBase);
	min-width: var(--largePage);
	position: relative;
	/* max-width: 90vw; */
	width: 94vw;
	overflow: auto;
	ol li {
		list-style-position: inside;
	}
}
#navOnglets ul li {
	cursor: pointer;
}
#audition input[type="submit"] {
	position: sticky;
	right: 0px;
	float: right;
	margin-right: 0px;
}
.page.courte {
	display: block;
	max-width: 100px;
	overflow: hidden;
	height: 22px;
	line-height: 24px;
}
.page.courte {
	display: block;
	max-width: max-content;
	overflow: hidden;
	height: 22px;
	line-height: 24px;
}
.WCAGniveau {
	display: inline-block;
	border: 1px solid var(--souligneAdmin);
	width: 36px;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 15px;
	text-align: center;
	color: var(--souligneFoncé);
	font-weight: 400;
}
.poig {
	display: inline-block;
	border-top-right-radius: calc(0.5*var(--radius));
	background-color: var(--couleurBase);
	color: white;
	border: 1px solid var(--couleurBase) !important;
	padding-left: calc(0.7*var(--padding));
	padding-right: calc(0.7*var(--padding));
	padding-top: calc(0.5*var(--padding));
	margin-right: calc(0.4*var(--padding));
	overflow: hidden;
	max-height: 19px;
	white-space: nowrap;
	margin-bottom: -4px;
	text-overflow: ellipsis;
	padding-bottom: 4px;
}
.poig a {
	color: white;
}
.r1 .poig {
	max-width: 73px;
}
.r0 .poig {
	max-width: 112px;
}
.poig.active,
.poig.active a {
	background-color: white;
	color: var(--couleurBase);
	cursor: none;
}
#seq {
	float: left;
	width: 50%;
}
#aeq {
	float: left;
	width: 50%;
}
#AjoutAudit input#URLbase,
#AjoutAudit input#nom {
	width: 350px;
}
.société {
	display: block;
/*	border-bottom: 1px solid var(--b2);*/
	margin-top: calc(2*var(--padding));
}
.société h3 {
	margin-bottom: 0px;
}
.groupe {
	max-width: 500px;
	display: inline-block;
	margin-right: calc(2*var(--padding));
	border-bottom: 1px solid var(--couleurAdmin);
	vertical-align: text-top;
	min-height: 491px;
}
.groupe.long {
	min-height: 700px;
	display: inline-block;
}
.société .groupe h4 {
	margin-left: 0;
	padding-left: 0;
	margin-top: calc(0.5*var(--padding));
	margin-bottom: calc(0.5*var(--padding));
	font-size: 130%;
	font-weight: bold;
	border-radius: 12px;
	border: 1px solid red;
	padding: 6px;
	width: 80%;
	padding-top: 10px;
}
.famille {
	width: 100px;
	height: 97px;
	border-radius: 7px;
	padding: 0;
	/* margin: var(--padding); */
	margin: 3px;
	display: inline-block;
	vertical-align: top;
	border: 1px solid grey;
	max-height: 100px;
	overflow: hidden;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 4px 10px 0 rgba(0, 0, 0, 0.19);
}
.famille .nom {
	font-size: 90%;
	font-weight: 600;
	width: 100%;
	text-align: center;
	height: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.famille .bloquants {
	height: 21px;
	border: 4px solid white;
	border-radius: calc(0.5*var(--padding));
	padding: 6px;
	float: right;
	font-size: 150%;
	margin: 0px;
	opacity: 1;
	margin-right: 5%;
	border-top: 0px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin-top: 0px;
	display: block;
	width: 21px;
	text-align: center;
	color: white;
	position: relative;
	padding-bottom: 2px;
	padding-top: 14px;
}
.famille .conformité {
	margin: 0px;
	height: 83px;
	width: 100%;
	border-bottom-right-radius: calc(0.7*var(--padding));
	border-bottom-right-radius: calc(0.7*var(--padding));
/*	border-radius: var(--padding);*/
	display: block;
	margin-top: 0px;
	padding: 0;
/*	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
	border: 1px solid white;
}
.famille .contenu {
	width: 100%;
	text-align: center;
	margin-top: 59%;
	background-color: transparent;
	font-size: 137%;
	font-weight: bold;
	color: white;
	border: 0px solid white;
}
.groupe p {
	margin-top: 0px;
	margin-bottom: calc(var(--padding));
	padding-left: calc(0.8*var(--padding));
}
h4 > .pca {
	padding-right: var(--padding);
	float: right;
}
.famille .score00,
.taux.score00,
h4.score00 {
	background-color: var(--nv00) !important;
	color: var(--texte);
	border: 1px solid var(--nv00b) !important;
}
.famille .score0,
.taux.score0,
h4.score0 {
	background-color: var(--nv00) !important;
	color: white;
	border: 1px solid var(--nv00b) !important;
}
.famille .score1,
.taux.score1,
h4.score1 {
	background-color: var(--nv20) !important;
	color: white;
	border: 1px solid var(--nv20b) !important;
}
.famille .score2,
.taux.score2,
h4.score2 {
	background-color: var(--nv40) !important;
	color: white;
	border: 1px solid var(--nv40b) !important;
}
.famille .score3,
.taux.score3,
h4.score3 {
	background-color: var(--nv60) !important;
	color: white;
	border: 1px solid var(--nv60b) !important;
}
.famille .score4,
.taux.score4,
h4.score4 {
	background-color: var(--nv80) !important;
	border: 1px solid var(--nv80b) !important;
	color: white;
}
.famille .score5,
.taux.score5,
h4.score5 {
	background-color: var(--nv100) !important;
	color: white;
	border: 1px solid var(--nv100b) !important;
}
.famille .scoreNA,
h4.scoreNA {
	background-color: var(--couleurBaseAttenuée);
	color: var(--couleurBaseFoncée);
	border: 1px solid var(--nv100b) !important;
}
.famille .scoreNA .contenu {
	color: var(--couleurBaseFoncée) !important;
}
.pcRGAA.niveau2 {
	padding-top: 35px;
	height: 48px !important;
	background-color: white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.pcRGAA.niveau2.score0 {
	color: var(--nv00) !important;
	border: 5px solid var(--nv00) !important;
}
.pcRGAA.niveau2.score1 {
	color: var(--nv20) !important;
	border: 5px solid var(--nv20) !important;
}
.pcRGAA.niveau2.score2 {
	color: var(--nv40) !important;
	border: 5px solid var(--nv40) !important;
}
.pcRGAA.niveau2.score3 {
	color: var(--nv60) !important;
	border: 5px solid var(--nv60) !important;
}
.pcRGAA.niveau2.score4 {
	color: var(--nv80) !important;
	border: 5px solid var(--nv80) !important;
}
.pcRGAA.niveau2.score5 {
	color: var(--nv100) !important;
	border: 5px solid var(--nv100) !important;
}

.niveau.score0 {
	color: var(--nv00) !important;
	border: 5px solid var(--nv00) !important;
}
.niveau.score1 {
	color: var(--nv20) !important;
	border: 5px solid var(--nv20) !important;
}
.niveau.score2 {
	color: var(--nv40) !important;
	border: 5px solid var(--nv40) !important;
}
.niveau.score3 {
	color: var(--nv60) !important;
	border: 5px solid var(--nv60) !important;
}
.niveau.score4 {
	color: var(--nv80) !important;
	border: 5px solid var(--nv80) !important;
}
.niveau.score5 {
	color: var(--nv100) !important;
	border: 5px solid var(--nv100) !important;
}
.fort {
	font-weight: bold;
	font-size: 110% !important;
}
.evolution {
	max-width: 1000px;
	width: 1000px;
}
.evolution > li {
	display: block;
	max-width: max-content;
	float: left;
	margin-right: calc(3*var(--padding));
}
.evolution > li > .nom {
	font-size: 120%;
	text-align: center;
	margin-top: calc(1.5*var(--padding));
	font-weight: 400;
}
.evolution .ferme {
	border: 1px solid var(--couleurBaseFoncée);
	border-radius: var(--padding);
	background-color: var(--couleurBase);
	color: var(--neutre);
	padding-left: 6px;
	padding-right: 6px;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 2px;
	position: fixed;
	left: 38vw;
}
.famille.mea {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 4px 10px 0 rgba(0, 0, 0, 0.19);
	border: 2px solid grey;
	margin-bottom: 1px;
}
.famille .contenu.mea {
	font-size: 150%;
}
.groupe .res {
	margin-bottom: calc(2*var(--padding));
}
label.ltog.t0 {
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
	margin-right: 0px;
	margin-left: 10px;
}
label.ltog.t1 {
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
	margin-left: -5px;
}
.fam.gris {
	opacity: 0.3;
	filter: grayscale(100%);
/*	transform: scale(90%, 50%);*/
/*	filter: scaleY(50%);*/
	scale: 90%;
	overflow: hidden;
	height: 200px;
/*	margin-top: -70px;*/
}
.tog {
	display: none;
}
#vision {
	position: sticky;
	display: block !important;
	width: max-content;
	margin-top: var(--padding);
	padding-bottom: var(--padding);
	border-bottom: 1px solid grey;
	float: right;
}
#vision .label {
	vertical-align: bottom;
}
#vision .nbaudits {
	vertical-align: bottom;
	margin-right: calc(2*var(--padding));
}
label.ltog {
	border: 1px solid var(--couleurBase);
	border-radius: var(--padding);
	width: max-content;
	padding: 6px;
	padding-top: 4px;
	padding-bottom: 3px;
	background-color: var(--couleurBase);
	color: white;
	cursor: pointer;
}
label.ltog.active {
	background-color: white;
	color: var(--couleurBase);
}	
div.comparaison {
	height: 44vh;
	width: 98%;
	min-height: 500px;
	top: 9vh;
	max-width: 40vw;
	min-width: 800px;
}
div.pagina {
	height: 25vh;
	width: 50%;
	max-width: 80vw;
	min-height: 300px;
	height: fit-content;
	max-height: 60vh;
	top: 30vh;
}
div.comparaison, div.pagina {
	position: fixed;
	left: 12px;
	border: 3px solid var(--couleurBase);
	z-index: 2240;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	overflow: auto;
	padding: var(--padding);
	width: max-content;
}
#rideau {
	position: absolute;
	top: -246px;
	left: -45px;
	background-color: #000;
	opacity: 0.1;
	height: 110%;
	border: 0px solid #3d3d3d;
	z-index: 222;
	width: 101vw;
	padding: 0;
}
ul.historique li {
/*	border-radius:50%;*/
	display: inline-block;
	padding: 6px;
	height: 18px;
	width: max-content;
	font-size: 100%;
	margin-left: var(--padding);
	vertical-align: middle;
	padding-top: 6px;
}
.historique .score0 {
	color: var(--nv00) !important;
	background-color: white;
	border: 2px solid var(--nv00) !important;
}
.historique .score1 {
	color: var(--nv20) !important;
	background-color: white;
	border: 2px solid var(--nv20) !important;
}
.historique .score2 {
	color: var(--nv40) !important;
	background-color: white;
	border: 2px solid var(--nv40) !important;
}
.historique .score3 {
	color: var(--nv60) !important;
	background-color: white;
	border: 2px solid var(--nv60) !important;
}
.historique .score4 {
	color: var(--nv80) !important;
	background-color: white;
	border: 2px solid var(--nv80) !important;
}
.historique .score5 {
	color: var(--nv100) !important;
	background-color: white;
	border: 1px solid var(--nv100) !important;
}

#collection ul#liste li {
	line-height: 150%;
	border-top: 1px dotted var(--couleurAdmin);
	padding: calc(0.7*var(--padding));
	list-style: none;
	padding-top: 0px;
	margin-top: 0px;
}
#collection ul#liste li ul li {
	cursor: default;
	line-height: 100%;
	border-top: 0px;
	padding: calc(0.3* var(--padding));
}
.blocAudit {
	border: 1px solid var(--couleurBase);
	margin-bottom: calc(2*var(--padding));
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	padding: var(--padding);
	width: 45%;
	min-width: 700px;
	float: left;
	margin-right: var(--padding);
	height: 370px;
	overflow-y: auto;
	overflow-x: hidden;
}
.subBlocAudit {
	width: 30%;
	height: 100%;
	float: left;
	clear: none;
	padding-right: calc(0.5*var(--padding));
	padding-left: calc(0.5*var(--padding));
	margin-right: 0px;
	margin-left: 0px !important;
}
.subBlocAudit.score {
	text-align: center;
	border-left: 1px solid var(--couleurBaseAttenuée);
	border-right: 1px solid var(--couleurBaseAttenuée);
	height: 220px;
}
.blocAudit .logo {
	max-height: 75px;
}
div.col2 {
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	background-color: transparent;
}
.subBlocAudit p {
	margin-top: calc(0.5*var(--padding));
	margin-bottom: calc(0.3*var(--padding));
}
div.dashboard {
	margin-bottom: calc(2*var(--padding));
	padding: var(--padding);
	clear: both;
	float: left;
}
h2.dashboard {
	border-top: 1px solid var(--couleurBase);
	padding-top: var(--padding);
}
div.as {
	height: 85px;
	margin-top: var(--padding);
	display: inline-block;
	margin-left: calc(2*var(--padding));
}
div.as img {
	height: 100%;
}
.pcRGAA {
	display: inline-block !important;
	margin-left: calc(3*var(--padding));
	height: 54px !important;
	width: 65px !important;
	vertical-align: middle;
	margin-top: -100px !important;
}
.lienux {
	margin-top: calc(0.1*var(--padding));
	width: 500px;
	margin-right: 71px;
	padding: 5px;
	padding-top: 6px;
}
.lienux a {
	float: right;
/*	color: white !important;*/
}
.lienux span {
	float: left;
}
.groupe h5 {
	color: var(--couleurBaseFoncée);
	font-weight: 400;
	font-size: 110%;
	margin-bottom: var(--padding);
	margin-top: 0px;
}
.groupe ul {
	margin-top: 0px;
}
.statique {
	overflow: hidden;
	height: 100vh;
}
.RGAAtxt {
	font-weight: 400;
	font-size: 65%;
	display: block;
	padding-bottom: 6px;
	padding-top: 0px;
	margin-top: -12px;
	text-align: center;
}
.bloquants {
	display: block;
	margin-left: 61px;
	margin-top: -22px;
	color: var(--neutre);
	cursor: help;
	background-color: black;
	opacity: 0.5;
	width: max-content;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 2px;
}
.compare {
	display: inline-block;
	margin-right: calc(0.6*var(--padding));
}
.compare img {
	
}
.analyse.handi td.nomCritere, .analyse.handi th.nomCritere {
	max-width: max-content;
	overflow: hidden;
	max-height: 30px;
	height: 30px;
	width: max-content;
	min-width: 700px;
}
#Trgaa tbody th,
.bilanPage tbody th,
.bilanFonction tbody th,
.bilanHandiPage tbody th,
.bilanPage td.nomCritere, 
.bilanFonction td.nomCritere,
.bilanHandiPage td.nomCritere {
	max-width: 235px !important;
	width: 200px !important;
	min-width: 225px !important;
}
.bilanHandiFonction th.nomCritere {
	max-width: 20% !important;
	width: 20% !important;
	min-width: 20% !important;
}

.bilanHandiFonction thead th {
	max-width: max-content !important;
	width: 9%;
}
.bilanPage td.bilan,
.bilanFonction td.bilan,
#Trgaa td.bilan {
	min-width: 300px;
}
.bilanHandiPage td.statut {
	min-width: 159px;
}
.analyse.bilan.handi td.statut {
	min-width: 70%;
}
td.nomCritere, th.nomCritere {
	max-width: 1558px !important;
	max-height: 40px;
	height: 30px;
	min-width: 230px;
	text-overflow: ellipsis !important;
}
.montre .nomCritere,
.modif .nomCritere {}
td.idCritere {
	font-weight: 600;
	max-width: 50px !important;
	width: 50px !important;
	min-width: 50px;
}
thead th {}
.analyse.handi td.idCritere {
	max-width: 40px;
	width: 40px;
}
.analyse.handi th[scope="col"],
.analyse.fonction th[scope="col"] {
	min-width: 95px;
}
td.statut {
	width: min-content;
}
td.statut span.pctotal {
	display: block;
}
td.statut span.pc {
	display: inline-block;
	background-repeat: no-repeat;
	height: 20px;
	font-size: 90%;
}
td.statut .pc.c {
	background-color: var(--c);
	color: var(--neutre);
	line-height: 18px;
	padding: 0px;
	padding-top: 4px;
	text-align: center;
	overflow: hidden;

}
td.statut .pc.nc {
	background-color: var(--nc);
	color: var(--noir);
	line-height: 18px;
	padding: 0px;
	padding-top: 4px;
	text-align: center;
	overflow: hidden;
}
td.statut .pc.na {
	background-color: var(--souligneLéger);
	color: var(--noir);
	line-height: 18px;
	padding: 0px;
	padding-top: 4px;
	text-align: center;
	overflow: hidden;
	width: 100%;
	border: 1px solid var(--souligneAdmin);

}
.radio.r1,
.radio.r0,
.radio.r-1,
.radio.r-99 {
	opacity: 0;
	width: 0 !important;
}
table.synthese > tr > td.statut {
	max-width: 20px;
	width: 20px !important;
}
.modif td.statut {
	min-width: 80px;
	text-align: center;
}
.notes.image {
	position: absolute;
	width: 600px;
	height: auto;
	border: 2px solid var(--couleurBase) !important;
	z-index: 25222222222222222222222;
	min-height: 50px;
	margin-top: 10px;
}
.notes.image label.chxIMG {
	display: inline-block !important;
	max-width: 50px;
	border: 1px solid var(--couleurBase);
	border-radius: var(--radius);
	background-color: var(--couleurBase);
	opacity: 1;
	color: #fff;
	max-height: 28px;
	max-width: max-content;
	height: 21px;
	font-size: 90%;
	padding: calc(0.7*var(--padding));
	padding-bottom: 0px;
}
.notes.image input#logoInput2 {
	margin-top: 0px;
	background-color: var(--couleurBase);
	color: var(--neutre);
}
.notes.image span.NL.boutons {
	top: 8px;
	width: 50%;
	clear: both;
	position: absolute;
	display: block;
}
div.img-view {
	position: relative;
	margin-top: 41px;
}
div.img-view.ro {
	margin-top: 4px;
	background-color: transparent;
	margin-left: 12px;
	width: 92%;
}
.titreIMG {
	vertical-align: top;
	padding-top: calc(0.5*var(--padding));
	display: block;
	padding-bottom: calc(0.8*var(--padding));
	font-weight: 600;
	width: 100%;
}
.img-view {
}
.img-view img {
	max-height: 120px;
	border: 1px solid var(--couleurBase);
	margin: 6px;
	max-width: 575px;
}
.pousse {
	background-repeat: no-repeat !important;
	height: 20px;
	padding-bottom: 0;
	vertical-align: sub;
	width: 30px;
	max-width: 30px;
	max-height: 20px;
	background-color: transparent !important;
	border: 0;
	color: transparent;
	border-radius: 0px !important;
	margin-right: 4px !important;
  	margin-left: 4px !important;	
}
.noteTT {
	margin-right: 1px;
}
.noteIMG {
	margin-left: 1px;
}
#Trgaa .pousse {
	background-position: center;
}
.aliasFonction th {
	min-width: 100px;
	text-align: center;
}
.montre .statut {
	min-width: 80px;
	width: 80px;
}
.equiv thead th.entete {
	min-width: 580px;
}
.analyse .pousse {
	background-position: bottom;
}
.pousse.nc {
	background-image: url("../pic/nc.webp");
	color: transparent !important;
}
.pousse.na {
	background-image: url("../pic/na.webp");
	color: transparent !important;
}
.pousse.nt {
	background-image: url("../pic/nt.webp");
	color: transparent !important;
}
.synthese .pousse.nt {
	background-image: url("../pic/ntalerte.webp");
	color: transparent !important;
	background-size: 100%;
}
.pousse.c {
	background-image: url("../pic/c.webp");
	color: transparent !important;
}
.pousse.statique {
	cursor: default;
}
span.pousse {
	width: 30px;
	display: block;
}
.pbouton {
	display: inline-block;
	vertical-align: inherit;
	cursor: pointer;
}
.pbouton img {
	width: 20px;
}
.Adroite {
	margin-left: calc(0.5*var(--padding)) !important;
}
.Agauche {
	margin-left: -380px !important;
}
textarea:disabled {
	background-color: var(--neutre);
	color: var(--noir);
	border: 2px solid va(--s);
}
td.statut textarea {
	display: inline-block;
	height: 100px;
	position: absolute;
	width: 300px;
	border: 2px solid var(--couleurBase) !important;
/*	z-index: 22222222222222222;*/
/*	position: fixed;*/
}
.duplique select {
	background-color: var(--couleurBaseAttenuée);
	width: 10px !important;
	max-width: 10px;
	opacity: 0.3;
	font-size: 90%;
	height: 10px;
	line-height: 10px;
}
table.synthese thead {
	position: sticky;
	background-color: var(--neutre);
	top: 0px;
	border: 1px solid var(--neutre);
	border-radius: 6px;
	z-index: 222222;
	display: table-header-group;
	vertical-align: middle;
	color: var(--couleurBase);
}
th.famille span {
/*	border-bottom: 1px solid var(--couleurBase);*/
	font-size: 120%;
	color: var(--couleurBase);
	font-weight: 600;
	display: inline-table;
	height: fit-content;
	padding: calc(0.4*var(--padding));
	width: max-content;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 4px 10px 0 rgba(0, 0, 0, 0.19);
	border-radius: 7px;
	border: 1px solid var(--couleurBase);
	font-weight: 400;
}
th.famille {
	height: auto;
	padding: var(--padding);
	display: revert-layer;
	vertical-align: top;
	border: 0px solid grey;
	max-height: 100px;
	box-shadow: none !important;
	border-radius: 0px !important;
	width: 100% !important;
}
.analyse th.famille {
	border-bottom: 1px solid var(--couleurBase);
	font-size: 120%;
	color: var(--neutre);
	font-weight: 600 !important;
	padding-left: var(--padding);
}
.cellule {
	opacity: 0.5;
	color: #000;
	padding: 0px;
	padding-right: 12px;
}
td.bilan,
th.bilan {
	border-left: 2px solid var(--couleurBase);
	border-right: 2px solid var(--couleurBase);
	padding-left: 25px;
}
th.bilan {
	border-top: 2px solid var(--couleurBase);
	cursor: pointer;
}
td.bilan.last {
	border-bottom: 2px solid var(--couleurBase);
}
th.cellule {
	text-align: right;
}
.cellule.c {
	background-color: #7ea233aa;
}
.cellule.nc {
	background-color: #ffc323aa;
}
.cellule.na {
	background-color: #b8bdc0aa;
}
.cellule.nt {
	background-color: var(--couleurBaseAttenuée);
}
thead th {
	border-bottom: 1px solid var(--souligneLéger) !important;
	height: 20px;
	line-height: 20px;
	margin-bottom: 20px;
	border-right: 1px solid var(--souligneLéger);
}
td.nombre {
	text-align: right;
}
span.court {
/*	border: 1px solid red;*/
	display: block;
/*	max-width: 150px;*/
	overflow: hidden;
	height: 22px;
	max-height: 22px;
	line-height: 22px;
	width: 100%;
	text-overflow: ellipsis !important;
}
.piedAudit {
	width: 99%;
	display: block;
	height: 100px;
	margin: 0px;
	margin-top: calc(1*var(--padding));
	padding: calc(0.5*var(--padding));
}
.piedAudit.docs {
	height: max-content !important;
	position: relative;
	display: flow-root;
}
.boite.gauche {
	float: left;
}
.boite.droite {
	float: right;
}
.boite h3 {
	margin-bottom: 0px;
}
.bulle {
	border: 1px solid var(--couleurBase);
	border-radius: 50%;
	padding-left: calc(0.25*var(--padding));
	padding-right: calc(0.25*var(--padding));
	margin-right: var(--padding);
}
#pied {
	border-top: 1px solid var(--souligneLéger);
	background-color: transparent;
	color: var(--couleurBase);
	max-width: var(--maxPage);
	padding-top: var(--padding);
	position: fixed;
	min-width: var(--minPage);
	bottom: 0px;
}
.piedAudit ul li ul li {
	list-style: disclosure-closed;
	color: var(--couleurBase);
	margin-left: calc(-2*var(--padding));
	margin-bottom: calc(0.1*var(--padding));
}
.piedAudit ul li {
	margin-bottom: calc(1*var(--padding));
}
.léger {
	display: block;
	color: var(--souligneAdmin);
}
.resume ul {
	margin-top: calc(0.2*var(--padding));
}
div.resume {
	margin-top: calc(2*var(--padding));
	margin-left: calc(2.4*var(--padding));
	border-left: 1px solid var(--souligneLéger);
	padding-left: var(--padding);
	padding-top: var(--padding);
}
.resume h4 {
	margin-top: calc(0.6*var(--padding));
	margin-bottom: calc(0.2*var(--padding));
}
.resume h3 {
	cursor: pointer;
}
nav section {
	display: inline-block;
	width: 45%;
	vertical-align: bottom;
}
nav section ul.nav {
	display: flex;
	border: 1px solid var(--couleurBase);
	padding: var(--padding);
	width: max-content;
	margin-left: calc(3*var(--padding));
	border-radius: var(--radius);
}
nav section ul.nav.admin {
	right: 0px;
	border: 1px solid var(--couleurBase);
	padding: calc(0.7*var(--padding));
	border-radius: var(--radius);
	margin-left: calc(12*var(--padding));
}
nav section ul.nav.admin > li {
	height: 20px;
	border-radius: calc(0.5*var(--radius));
	border: 1px solid var(--souligneLéger);
	line-height: 18px;
	padding: calc(0.5*var(--padding));
	background-color: var(--couleurBase) !important;
	font-size: 80%;
}
nav section ul.nav.admin > li.active {
	border: 2px solid var(--couleurBase) !important;
	background-color: white !important;
	font-weight: 400;
	color: var(--couleurBase);
}
section.admin .nav li a {
	color: white;
}
section.admin .nav li.active a {
	color: var(--couleurBase);
}
nav ul.nav li {
	border: 1px solid var(--couleurBase);
	max-width: 210px;
	margin-right: var(--padding);
	list-style: none;
	padding: var(--padding);
	cursor: pointer;
	border-radius: var(--radius);
/*	height: fit-content;*/
	background-color: var(--couleurBase);
  	color: white;
}
nav li a {
	max-width: 150px;
}
nav section ul.nav li.active {
	border: 2px solid var(--couleurBase);
	cursor: default !important;
	font-weight: 800;
	background-color: white;
  	color: var(--couleurBase);
}
main article {
	border-top: 1px solid var(--couleurBaseClaire);
	padding-top: 0px;
}
#logo {
    float: left;
    height: var(--hautTete);
    display: block;
    margin-left: -92px;
    z-index: 0;
    position: relative;
    margin-top: 71px;
}
#logo img {
	width: 157px;
}
#logo2 {
	float: left;
	border: 2px solid var(--couleurBaseAttenuée);
	border-radius: 50%;
	padding-top: var(--padding);
	height: 60px;
	z-index: 22;
	position: relative;
}
.bloquant {
	background-color: var(--actif);
}
#Trgaa {
	width: 600px !important;
	min-width: 600px;
}
#blocTete {
	height: calc(var(--hautTete) - 0.1*var(--padding));
	padding: var(--padding);
	width: calc(0.7*var(--maxPage));
	margin-left: calc(4*var(--padding));
}
select {
	min-height: 26px;
	font-size: 100%;
	background-color: var(--couleurBaseAttenuée);
	border: 1px solid var(--couleurBaseFoncée);
	padding: 3px;
	opacity: 0.8;
	padding-right: 0px;
	color: var(--noir);
	min-width: 80px;
	text-align: right;
	max-width: 200px;
	border-radius: var(--radius);
}

#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);
	z-index: 22222;
}
#connect .ferme {
	float: right;
	top: -60px;
	position: relative;
	font-weight: 600;
	z-index: 22222222;
}
#connect .deconnect {
	float: right;
	top: -60px;
	position: relative;
	border: 1px solid var(--couleurBase);
	border-radius: 50%;
	padding-left: 1px;
	padding-right: 1px;
	font-weight: 600;
	margin-right: calc(0.5*var(--padding));
	background-color: transparent;
}
#connect .ferme a {
	color: var(--neutre);
}
#connect .deconnect a {
	color: var(--noir);
}


.conformité {
	font-size: 140%;
	margin-bottom: calc(4*var(--padding));
}
.ACnbPoints {
	display: block;
	text-align: justify;
	border: 0px !important;
}
.taux {
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	white-space: nowrap;
}
.taux.NA {
	background-color: var(--na);
	border: 1px solid var(--couleurAdmin);
	width: max-content;
	padding: calc(0.3*var(--padding));
}
.taux.NT {
	background-color: var(--nv00);
	border: 1px solid var(--couleurAdmin);
	padding: calc(0.3*var(--padding));
	width: max-content !important;
	color: var(--boutonT);
}
.taux.nivA {
	background-color: var(--niveauA);
	color: var(--neutre) !important;
}
.taux.nivB {
	background-color: var(--niveauB);
	color: var(--neutre) !important;
}
.taux.nivC {
	background-color: var(--niveauC);
	color: var(--neutre) !important;
}
.taux.nivD {
	background-color: var(--niveauD);
	color: var(--neutre) !important;
}
.taux.nivE {
	background-color: var(--niveauE);
	color: var(--noir) !important;
}
.niveau {
	font-weight: 600;
	border-radius: 50%;
	display: inline-block;
	height: 34px;
	width: max-content;
	padding-left: 12px;
	padding-top: 25px;
	white-space: nowrap !important;
	padding-right: 13px;
	font-size: 170%;
	padding-bottom: 0px;
	background-color: var(--neutre);
	padding-bottom: 7px;
}
.niveau2 {
	font-weight: 600;
	border-radius: 50%;
	display: inline-block;
	height: 45px;
	width: 56px;
	padding-left: 12px;
	padding-top: 30px;
	white-space: nowrap !important;
	padding-right: 12px;
	font-size: 170%;
	padding-bottom: 0px;
	background-color: var(--neutre);
	text-align: center;
}
.niv-1 {
	color: var(--niveau0);
	border: 5px solid var(--niveau0);
}
.nivA {
	color: var(--niveauA);
	border: 5px solid var(--niveauA);
}
.nivB {
	color: var(--niveauB);
	border: 5px solid var(--niveauB);
}
.nivC {
	color: var(--niveauC);
	border: 5px solid var(--niveauC);
}
.nivD {
	color: var(--niveauD);
	border: 5px solid var(--niveauD);
}
.nivE {
	color: var(--niveauE);
	border: 5px solid var(--niveauE);
}
.mauvais {
	color: var(--aucun);
	border: 2px solid var(--aucun);
}
.partiel {
	color: var(--partiel);
	border: 2px solid var(--partiel);
}
.complet {
	color: var(--c);
	border: 2px solid var(--c);
}
td.score {
	text-align: right;
	padding-right: calc(0.5*var(--padding));
}
table {
	width: 100%;
	max-width: 98%;
	border-radius: 6px;
	border: 1px solid var(--couleurBase);
	top: 0px;
	left: 30px;
	position: relative;
	display: table;
	border-spacing: 0;
	min-width: 800px;
	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);
}
table.equiv {
	max-width: 90% !important;
	width: 90% !important;
	min-width: 90% !important;
}
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);
}
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;
	max-width: 50px;
}
th[scope="col"] {
	border-top: 1px solid var(--souligneLéger);
}
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%;
}
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 {
	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;
}
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;
}
th.URL {
    max-width: 50px !important;
}
td.titre, 
th.titre {
	overflow: hidden;
}
th.profil {
	font-weight: 800;
	font-size: 110%;
	text-align: center;
}
td.maxi.total {
	border: 4px solid var(--maxi);
	border-radius: 6px;
}
td.maxi {
	background-color: var(--maxi);
	color: var(--noir);
	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);
	color: var(--noir);
	border-radius: 6px;
	border: 1px solid var(--mini);
}
th.total.complet {
	font-weight: 800;
}
#handiPages {
	margin-top: var(--padding);
	clear: both;
	border: 1px solid var(--neutre);
}
section.demi {
	max-width: 47%;
	min-width: 47%;
	width: 47%;
}
section.demi.gauche {
	float: left;
	margin-right: var(--padding);
	clear: left;
}
section.demi.droite {
	float: right;
	margin-right: var(--padding);
	clear: right;
}
section.demi table {
	max-width: 95% !important;
	width: 95% !important;
	min-width: 95% !important;
}

input {
	border: 1px solid var(--couleurBase);
	padding-left: var(--padding);
	font-size: 100%;
	height: 26px;
}
input#nom,
input#URLbase {
	min-width: 500px;
}
.histogramme .compare.famille {
	border: 1px solid var(--couleurBase);
	width: 100%;
	height: 315px;
	background-color: var(--souligneTrèsClair);
}
.histogramme .graphique {
	border: 1px solid var(--couleurBase);
	height: 250px;
	display: block;
	width: 100%;
	background-color: var(--souligneTrèsClair);
}
.histogramme .graphique.mini h4 {
	margin-top: -27px;
	height: 15px;
	overflow: hidden;
	padding-top: calc(0.5*var(--padding));
	margin-bottom: calc(0.5*var(--padding));
}
.histogramme .graphique .enveloppe {
	display: block;
	width: 150px;
	height: 100%;
	float: left;
	text-align: center;
	background-color: transparent;
	bottom: 65px;
	position: relative;
}
.histo {
	width: 25px;
	display: inline-block;
	margin-right: 1%;
	max-width: 25px !important;
	position: relative;
	cursor: help;
	vertical-align: bottom;
	border: 1px solid red;
}
.histo.faux {
	height: 100% !important;
	width: 1px !important;
	border: 0 !important;
	background-color: transparent !important;
	margin: 0px;
	padding: 0px;
	max-width: 1px !important;
}
.légende {
	background-color: var(--neutre);
	margin-top: calc(3*var(--padding));
	z-index: 22222;
	position: relative;
	color: var(--légende);
}
section.histogramme {
	margin-top: calc(4*var(--padding));
}
.histogramme .graphique .histo {
	width: 25px;
	display: inline-block;
	margin-left: 1%;
	margin-right: 0px;
	max-width: 25px !important;
	position: relative;
	cursor: help;
	vertical-align: bottom;
	border: 1px solid var(--couleurBaseFoncée);
	margin-bottom: 19px;
	left: 3%;
}
.histogramme .graphique .histo img {
	width: 98%;
	rotate: 90deg;
	clear: both;
	margin-top: 16px;
	text-align: center;
}
.histogramme .graphique .histo.nivA,
.histogramme .graphique .histo .point.nivA {
	background-color: var(--niveauA);
	color: var(--neutre);
}
.histogramme .graphique .histo.nivB,
.histogramme .graphique .histo .point.nivB {
	background-color: var(--niveauB);
	color: var(--neutre);
}
.histogramme .graphique .histo.nivC,
.histogramme .graphique .histo .point.nivC {
	background-color: var(--niveauC);
	color: var(--neutre);
}
.histogramme .graphique .histo.nivD,
.histogramme .graphique .histo .point.nivD {
	background-color: var(--niveauD);
	color: var(--neutre);
}
.histogramme .graphique .histo.nivE,
.histogramme .graphique .histo .point.nivE {
	background-color: var(--niveauE);
	color: var(--neutre);
}
.histogramme .graphique .histo .texte {
	transform: rotate(-90deg);
	display: inline-block;
	padding-bottom: calc(0*var(--padding));
	width: 100%;
	white-space: nowrap;
	vertical-align: bottom;
	height: auto;
	margin-top: 180%;
	font-weight: 600;
}
.histogramme .graphique .histo .texte > .corrige {
	margin-top: 24px;
}
.histo .point {
	border: 1px solid var(--couleurBase);
	border-radius: 50%;
	bottom: -29px;
	display: block;
	position: absolute;
	margin-left: 2px;
	text-align: center;
	padding: 5px;
	background-color: black;
	padding-bottom: 8px;
	font-size: 80%;
	padding-top: 4px;
	font-weight: 600;
	padding-right: 11px;
	padding-left: 2px;
}
.histogramme .graphique .histo .texte > span {
	height: 15px;
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 24px;
	vertical-align: middle;
	font-size: 90%;
}
.histogramme .graphique .enveloppe .label {
	border: 1px solid var(--souligneSouris);
	background-color: var(--neutre);
	padding: calc(0.4*var(--padding));
	z-index: 2222222;
	position: relative;
	margin-left: -22px;
	max-width: 120px;
	display: inline-block;
	overflow: hidden;
	height: 12px;
	margin-bottom: -4px;
	white-space: nowrap;
	width: max-content;
}
.histogramme .graphique.mini {
	border: 0px;
	height: 250px;
	display: block;
	background-color: transparent;
	float: left;
	clear: none;
	position: relative;
	border-right: 1px solid var(--souligneLéger);
	top: 65px;
}
.histogramme .graphique.mini .enveloppe {
	display: contents;
	width: 40px;
	height: 100%;
	background-color: transparent;
}
.histogramme .graphique.mini .enveloppe .histo {
	width: 25px;
	display: inline-block;
	margin-left: 1%;
	margin-right: 0px;
	max-width: 25px !important;
	position: relative;
	cursor: help;
	vertical-align: bottom;
	border: 1px solid var(--couleurBaseFoncée);
	margin-bottom: 19px;
	left: 3%;
}
.histogramme .graphique.mini .enveloppe .histo {
	width: 25px;
	display: inline-block;
	margin-left: 7px;
	margin-right: 7px;
	max-width: 25px !important;
	position: relative;
	cursor: help;
	vertical-align: bottom;
	border: 1px solid var(--couleurBaseFoncée);
	margin-bottom: 19px;
	left: 0px;
}
.histogramme .graphique.mono h4 {
	width: 100%;
	padding: 0;
	text-align: center;
}
.graphique.mono .bloc {
	width: max-content;
	float: left;
	clear: none;
	background-color: transparent;
	bottom: 0px;
	position: relative;
	height: 100%;
}
/*
=============================================
		DCAA
=============================================
*/
main.verif {
	max-height: 700px;
	display: block;
	border: 2px solid var(--couleurBase);
	overflow: auto;
}
.imgRestist {
	max-width: max-content;
	float: right;
}
.imgRestist img {
	max-width: 85px;
}

.verif .bilan {
	border: 1px solid var(--souligneLéger);
	float: left;
	height: 120px;
	overflow: auto;
	max-height: 98px;
	width: 23%;
	margin-right: 8px;
	margin-bottom: 8px;
	padding: 4px;
}
.verif .bilan .ordre {
	display: block;
	float: left;
	border: 1px solid var(--avertissement);
	border-radius: 50%;
	width: 22px;
	height: 16px;
	padding-top: 6px;
	text-align: center;
	background-color: var(--actif);
	margin-right: 6px;
}
.verif .bilan .id {
	border: 1px solid var(--couleurBaseFoncée);
	background-color: var(--couleurBase);
	color: var(--neutre);
	padding: 4px;
	padding-bottom: 1px;
	float: left;
	display: block;
}
.verif .bilan .conformité {
	padding: 4px;
	padding-bottom: 1px;
	float: left;
	display: block;
	font-size: 100%;
}
.verif .bilan .conformité.nc {
	background-color: var(--nc);
	border: 1px solid var(--couleurBaseFoncée);
	color: var(--noir);
}
.verif .bilan .conformité.c {
	background-color: var(--c);
	border: 1px solid var(--couleurBaseFoncée);
	color: var(--neutre);
}
.verif .bilan .erreurs {
	font-weight: 600;
	display: block;
	clear: both;
	float: left;
	margin-top: -36px;
}

.verif .bilan .erreurs,
.verif .bilan .doublons {
	display: block;
	margin-top: 33px !important;
	clear: both;
	font-weight: 400;
	float: left;
	width: 14%;
	min-height: 25px;
	position: absolute;
	font-size: 80%;
	line-height: 100%;
	column-count: 2;
	word-wrap: break-word;
	white-space: nowrap;
	padding: calc(0.4*var(--padding));
}
.verif .bilan .erreurs {
	background-color: var(--erreur);
	border: 1px solid var(--souligneFoncé);
	color: var(--neutre);
	position: absolute;
}
.verif .bilan .erreurs ul {
	list-style: none;
}
.verif .bilan .doublons ul {
	list-style: none;
	position: absolute;
}
.verif .bilan .doublons {
	background-color: var(--actif);
	border: 1px solid var(--souligneAdmin);
	color: var(--noir);
}
.verifMontre {
	border: 1px solid var(--couleurBaseFoncée);
	background-color: var(--couleurBase);
	color: var(--neutre);
	border-radius: 50%;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 1px;
	padding-right: 1px;
	font-size: 80%;
	text-align: center;
	font-weight: 600;
	margin-left: calc(0.5*var(--padding));
	cursor: pointer;
	float: right;
	position: absolute;
	width: calc(0.8*var(--padding));
  	height: calc(0.8*var(--padding));
}
.verif .alt {
	display: block;
	clear: both;
	float: right;
	background-color: var(--souligneTrèsClair);
	z-index: 252;
	position: relative;
	border: 1px solid var(--souligneSouris);
	padding-top: calc(0.3*var(--padding));
	padding-left: 2px;
	padding-right: 2px;
	margin-top: -10px;
}
#controle {
	position: absolute;
	top: 10%;
	left: 15%;
	border: 2px solid var(--couleurBaseFoncée);
	width: 80%;
	height: 80%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#controle object {
	height: 100%;
}
#controleF {
	position: absolute;
	left: 93%;
	top: 12%;
	z-index: 254;
	background-color: transparent;
}
.ferme {
	border: 1px solid var(--couleurBaseFoncée);
	border-radius: 50%;
	color: var(--neutre);
	text-align: center;
	padding-bottom: 0px !important;
	height: 22px;
}
.ferme a {
	color: var(--neutre);
}
.ferme a img {
	width: 21px;
	height: 19px;
	padding-top: 1px;
}
.deconnect a img {
	width: 21px;
	height: 19px;
	padding-top: 1px;
}
.verif h2 {
	background-color: var(--couleurBase);
	height: 22px;
	color: var(--neutre);
	padding-top: 14px;
	padding-left: var(--padding);
	font-size: 120%;
}
.verifLien .contenu {
	border: 1px solid var(--couleurBaseFoncée);
	display: block;
	width: max-content;
	max-width: 100%;
	padding: calc(0.3*var(--padding));
	background-color: var(--couleurBase);
	color: var(--neutre);
}
li.verifLien {
	border: 1px solid var(--couleurBase);
	max-width: 310px;
	list-style: none;
	float: left;
	margin-left: 0px;
	margin-right: calc(0.5*var(--padding));
	height: 132px;
	overflow: auto;
	width: 25%;
	line-height: 100%;
	padding: calc(0.5*var(--padding));
	margin-bottom: calc(0.5*var(--padding));
}
.verif ul {
	margin: 0;
	padding: 0;
}
.verif img {
	font-size: 100%;
}
.verif .contenu.erreur {
	background-color: var(--erreurFort);
	color: var(--neutre);
	font-size: 100%;
}
.verif .resultat {
	clear: both;
}
/*=============================================*/


.histo .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);
}
.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: 96% !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;
}
.p100 {
	display: block;
	height: 49%;
	position: relative;
}
.p50 {
	display: block;
	height: 49%;
	position: relative;
}
form#ref {
	margin-bottom: 25px;
}
.ultraPlus {
	border: 0px solid var(--maxi);
	background-color: var(--noir);
	color: var(--neutre);	
}
.plus {
	border: 0px solid var(--referentielHaut);
	background-color: var(--referentielHaut);
/*	color: var(--neutre);*/
}
.plusHaut {
	border: 0px solid var(--referentielHautPlus);
	background-color: var(--referentielHautPlus);
	color: var(--neutre);
}
.plusMoyen {
	border: 0px solid var(--referentielHautMoyen);
	background-color: var(--referentielHautMoyen);
	color: var(--neutre);
}
.moins {
	border: 0px solid var(--referentielMoins);
	background-color: var(--referentielMoins);
	color: var(--neutre);
}
.moinsMoyen {
	border: 0px solid var(--referentielMoyen);
	background-color: var(--referentielMoyen);
	color: var(--neutre);
}
.moinsBas {
	border: 0px 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));*/
}
#collection .listePage {
	margin-top: var(--padding);
	margin-left: calc(1*var(--padding));
	border-left: 1px solid var(--souligneLéger);
	padding-left: calc(0.5*var(--padding));
}
#collection p, 
.légende p,
#resume p {
	line-height: 100%;
	margin-top: calc(0.3*var(--padding));
	margin-bottom: calc(0.3*var(--padding));
}
#collection p {
	padding-left: calc(2.5*var(--padding));
}
#collection ul > li > ul {
	list-style: none;
	margin-left: calc(-3.5*var(--padding));
}
#collection li a .etat {
	display: inline-block;
	border: 1px solid var(--souligneAdmin);
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 0px;
	padding-right: 4px;
}
#collection .referentiel {
	display: inline-block;
	border: 1px solid var(--souligneAdmin);
	background-color: var(--souligneTrèsClair);
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 0px;
	padding-right: 4px;
	position: absolute;
  	left: 170px;	
}
#collection .referentiel.gestion {
  	left: 224px;	
}
#collection .intro {
	display: inline-block;
	min-width: 145px;
}
.etat.done,
.etat.fini {
	background-color: var(--nav2);
	color: var(--noir);
}
.etat.planed,
.etat.planifié {
	background-color: var(--actif);
	color: var(--noir);
}
.etat.on.going,
.etat.en.cours {
	background-color: var(--bordTableSection);
	color: var(--noir);
}
ul.macaron > li > ul  {
	padding-left: 0px;
}
li {
	line-height: 120%;
}
.onglet li {
	text-overflow: ellipsis;
 	overflow: hidden;
}
li label.liens {
	margin-top: -6px;
}
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);
}
.blocSoc {
	column-count: 3;
}
header, footer {
	width: 98%;
	margin-left: calc(-1 * var(--padding));
	padding: var(--padding);
}
header {
	position: relative;
	padding: calc(2*var(--padding));
	height: 110px;
	background-color: var(--fondEcran);
/*	z-index: 111;*/
	min-width: calc(2.1*var(--minPage));
	width: 95%;
	margin-top: 0px;
	top: 0px;
	margin-left: 0px;
}
header .ligne {
	padding: 0;
	display: block;
/*	height: 30px;*/
	height: max-content;
	position: relative;
	clear: both;
	max-width: var(--maxPage);
	min-width: var(--minPage);
	width: 100%;
	background-color: transparent;
}
header div#menu2 {
	width: 94.6%;
	text-align: right;
	background-color: transparent;
	padding-top: 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;
}
.lien.referentiel {
	cursor: pointer;
}
.miseneavant {
	font-weight: 600;
}
p.miseneavant {
	padding-left: calc(3*var(--padding));
}
.navLabfichier {
	border: 1px dotted #116ca2;
	border-radius: calc(0.3*var(--radius));
	padding: calc(0.5*var(--padding));
	background-color: var(--couleurBaseFoncée);
	color: var(--neutre);
	margin-right: calc(2*var(--padding));
	margin-bottom: calc(1*var(--padding));
	width: max-content;
	cursor: pointer;
	font-size: 120%;
}
.navLabfichier.actif {
	background-color: var(--fondNavigation);
	color: var(--couleurBase);
}
#titraille {
	color: var(--couleurBase);
	font-size: 140%;
	font-weight: 600;
	margin-top: calc(1.6*var(--padding));
	margin-bottom: calc(1.3* var(--padding));
	margin-left: 70px;
}
#chxln ul {
	list-style-position: outside;
	list-style-type: none;
	color: var(--neutre);
	margin-left: -30px;
	margin-top: 4px;
}
#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);
}
input.inactive {
	border: 1px solid var(--ko) !important;
	pointer-events: none;
}
#chxln > ul > li.lien.inactive {
	color: var(--neutre);
	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(--couleurBaseFoncée);
	margin-left: calc(var(--padding) * -0.9);
	margin-top: calc(var(--padding) * 0.1);
	border-top-left-radius: var(--radius);
	border-bottom-left-radius: var(--radius);
	border: 1px solid var(--couleurBaseAttenuée);
	border-left: 0px;
	cursor: pointer;
}
#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;
}

main {
	position: relative;
	padding-left: var(--padding) !important;
	height: fit-content;
	background-color: transparent;
	z-index: 20;
	min-width: var(--minPage) !important;
	z-index: 110;
	padding-top: var(--padding);
	margin-top: var(--padding);
	width: 96%;
	max-width: 90vw;
}
/*
main {
	position: relative;
	padding-left: var(--padding) !important;
	max-width: var(--maxPage);
	height: fit-content;
	background-color: transparent;
	z-index: 20;
	margin: auto;
	min-width: var(--minPage);
	width: 87%;
	z-index: 110;
	padding-top: var(--padding);
	margin-top: var(--padding);
	width: 96%;
}
*/
#contenu {
	width: 97%;
	max-width: 1600px;
	min-width: 900px;
	background-color: transparent;
}
#pied a {
	color: var(--neutre);
	border-bottom: 1px solid var(--neutre);
}
img {
	font-size: 5%;
}
img.logo {
	max-width: 120px;
}
#resume .logo.soc.maitre {
	max-height: 100px;
	max-width: 312px;
}
.logo.soc {
	max-height: 60px;
	margin-left: 24px;
	height: auto;
	vertical-align: middle;
	max-width: 100px;
}
.logo.soc.maitre {
	float: right;
	max-height: 80px;
	height: auto;
	margin-right: 52px;
	min-height: 50px;
}
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;
}
main h1 {}
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: 500;
}
h4 {
	font-size: var(--entete4Taille);
	color: var(--couleurBaseFoncée);
	font-weight: 500;
	padding-left: calc(3*var(--padding));
	margin-top: calc(3*var(--padding));
	margin-bottom: var(--padding);
}
footer h2 {
	color: var(--neutre);
}
footer h3 {
	color: var(--neutre);
}
footer h4 {
	color: var(--neutre);
}
#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;
}
form#chargeParams {
	width: fit-content;
	float: left;
	min-width: 1340px;
	display: block;
}
nav {
	margin-bottom: 30px;
	width: 1550px;
	height: max-content;
	min-width: 1400px;
}
#connect p {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
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;
}
#pages {
	width: 50%;
	max-width: 905px;
}
#pages label {
/*	width: calc(1.5*var(--labelLong));*/
	width: fit-content;
}
#pages > fieldset {
	margin-bottom: var(--padding);
}
.TWO {
	margin-top: -12px;
	height: fit-content;
	position: relative;
	display: block;
	margin-bottom: calc(1.5*var(--padding));
}
.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(--outline);
}
a {
	text-decoration: none;
}
a:focus, h2:focus {
	outline: 1px dashed var(--outline);
	outline-offset: 3px;
}
.alerte {
	position: fixed;
	top: 15px;
	left: 46%;
	padding: var(--padding);
	border-radius: var(--radius);
	color: var(--fond);
	font-weight: bold;
}
.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	;
}
img.fermeBouton {
	float: right;
	height: 35px;
	margin-top: -5px;
	margin-left: var(--padding);
	cursor: pointer;
}

.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));
}

.cache,
.cache2,
.cachePermanent {
	display: none !important;
}
.visible {
	display: block;
}
ul.retour {
	max-height: 20px;
	overflow: hidden;
	list-style: none;
	border-radius: calc(0.5*var(--padding));
	max-width: 299px;
	padding-top: calc(0.5*var(--padding));
	position: absolute;
	left: 500px;
}
ul.retour.ko {
	border: 1px solid var(--ko);
	background-color: var(--ko);
	color: var(--neutre);
}
ul.retour.ok {
	border: 1px solid var(--ok);
	background-color: var(--ok);
	color: var(--neutre);
}
.erreur0 {
	color: var(--erreurFort);
}
.msg.erreur0 {
	color: var(--souligne);
	margin-top: calc(-1.5*var(--padding));
	padding-top: 0px;
	margin-left: calc(2*var(--padding));
	display: block;
}
.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;
}
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: calc(0.2*var(--padding));
	min-height: calc(1.8* var(--padding));
	width: calc(max-content + var(--padding));
	padding-right: var(--padding);
	margin-right: calc(0.2*var(--padding));
	border-radius: calc(1*var(--radius));
	background-color: var(--couleurBase);
	color: white;
	margin-left: var(--padding);
	border: 0px solid var(--couleurBaseFoncée);
}
.notes.image .outil .bouton {
	background-color: var(--couleurBase);
	border-radius: 50%;
	padding-left: 9px;
	text-align: center;
	display: block;
	position: relative;
	width: 5px;
	padding-top: 6px;
	max-height: 4px;
	min-height: 20px;
	clear: both;
	color: var(--neutre);
}
.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));
}
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;
}
input[type="file"]#logoInput {
	display: block;
}
input[type="file"]#logoF {
	display: block;
}
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;
}
input[type="image"] {
	border: 0px;
}
.bouton a {
	color: var(--fond);
}
a,
a.hover {
	text-decoration: none;
	color: var(--lien);
}
.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;
}
#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);
}
tr.actif td,
tr.actif th {
	background-color: var(--actif) !important;
}
#ident {
	background-color: var(--couleurBaseFoncée);
	margin-top: var(--padding);
	width: max-content;
	color: var(--neutre);
	border-radius: calc(0.5*var(--radius));
	padding-left: var(--padding);
	padding-top: calc(0.5*var(--padding));
	padding-bottom: calc(0.5*var(--padding));
	padding-right: var(--padding);
	font-size: 90%;
}
#ident a {
	color: var(--neutre);
	background-color: transparent;
}
.bt {
	background-color: var(--couleurBaseFoncée);
	margin-top: var(--padding);
	width: max-content !important;
	color: var(--neutre);
	padding-left: var(--padding);
	padding-top: calc(0.5*var(--padding));
	padding-bottom: calc(0.5*var(--padding));
	padding-right: var(--padding) !important;
	font-size: 90%;
	display: inline-block !important;
	border-radius: var(--radius) !important;
	height: 32px;
}
#images {
	margin-top: var(--padding);
}
#images span {
	vertical-align: top;
	margin-top: var(--padding);
	padding-top: var(--padding);
	display: inline-block;
}
input#logoF,
input#logoInput {
	display: inline-block !important;
	max-width: 50px;
	border: 1px solid var(--couleurBase);
	border-radius: var(--radius);
	background-color: var(--couleurBase);
	opacity: 1;
	color: #fff;
}
#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);
}
#idf .NL +.NL.ligne {
	margin-top: 45px;
	display: block;
}
#idf .deconnect + .NL.ligne {
	margin-top: -12px;
	display: block;
	position: absolute;
}
#idf + p {
	margin-top: 50px;
}
#idf .bouton {
	margin-top: calc(2*var(--padding));
}

#qui {
	padding-top: 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);
}
#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;
}
#pied section {
	margin-top: 22px;
	text-align: left;
	width: max-content;
	margin-left: -29px;
}
#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(--couleurBase);
	--b2: var(--couleurBase);
	padding:.3em .5em;
	border:.13em solid var(--b2) !important;
}
#wcb #wcb_a {
	--b1: var(--couleurBase);
	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: 223px;
	text-align: center;
	border: 0;
}
.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;
}
.stats h3 {
	font-size: 105%;
	margin-top: 0px;
}
.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: 130px;
}
svg.camembert {
  width: 200px;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 10px;
  stroke-dashoffset: 1px;
 }
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(--neutre);
}
tr.nav3 {
	background-color: var(--nav3);
	color: var(--neutre);
}
tr.nav4 {
	background-color: var(--nav4);
	color: var(--neutre);
}
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(--neutre);
}
tr.nav13 {
	background-color: var(--nav13);
	color: var(--neutre);
}
tr.nav14 {
	background-color: var(--nav14);
	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);
}
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;
}
.audit.edit {
	border: 1px solid var(--couleurBase);
	background-color: var(--couleurBaseAttenuée);
	padding-top: 4px;
	padding-bottom: 2px;
	max-height: 13px;
	display: inline-block;
	padding-left: 4px;
	padding-right: 4px;
}
#audit {
	min-height: 1070px !important;
	margin-bottom: 100px;
}
#audit img.vignette {
	min-width: 450px;
	border: 1px solid var(--souligneLéger);
	max-width: 45%;
	clear: left;
	display: inline-block;
}
#audit .commentaires {
	display: block;
	width: 100%;
	clear: both;
}
section.outils {
	display: inline-block;
	width: max-content;
	padding-left: 0;
	margin-left: 0;
}
section.outils .nav.admin {
	margin-left: 0px;
}
section + section.outils {
	margin-left: calc(7*var(--padding));
}
section + section.outils + section.outils {
	margin-left: 0px;
}
.nomAudit {
	padding-left: calc(2*var(--padding));
	font-weight: 600;
	color: var(--couleurBaseFoncée);
	font-size: 120%;
}
ol.tests > li {
	list-style: decimal-leading-zero;
	list-style-position: inside;
	line-height: 140%;
}
.Hliste {
	font-size: 100%;
	font-weight: 600;
	display: inline-block;
}
.Hliste > span {
	display: block;
	padding-top: calc(0.5*var(--padding));
	padding-bottom: calc(1*var(--padding));
}
.btFerme {
	float: right;
	top: 6px;
	position: absolute;
	right: 7px;
}
ol.tests {
	position: fixed;
	border: 2px solid var(--couleurBaseFoncée);
	border-bottom-left-radius: var(--radius);
	border-bottom-right-radius: var(--radius);
	padding: var(--padding);
	background-color: var(--fond);
	margin-top: 2px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 4px 10px 0 rgba(0, 0, 0, 0.19);
	margin-left: calc(3*var(--padding));
	max-width: 45vw;
	width: 40%;
	min-width: 450px;
	top: 30%;
}

#collection .nomAudit + a {
	max-width: 100%;
	display: inline-block;
	position: inherit;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 18px;
	vertical-align: bottom;
}