a:focus {
	outline: 1px dotted var(--couleurBase);
}
html {
	background-color: var(--souligneLéger);
}
body {
	color:var(--texte);
	background-color: var(--fond);
	padding: var(--padding);
	line-height: 100%;
	height: 100%;
	font: 16px/100% var(--typo), Helvetica, Arial, sans-serif;
	width: var(--largePage);
	min-width: var(--minPage);
	max-width: var(--maxPage);
	margin: auto;
	border-left: 1px solid var(--souligneFoncé);
	border-right: 1px solid var(--souligneFoncé);
	/*margin-left: calc((var(--largePage) - var(--largeTOC)) / 2);*/
    padding-bottom: 0px;
    padding-top: 0px;
    outline: 2px solid var(--couleurBase);
}
body.import {
    overflow: auto;
    padding: var(--padding);
}
p {
	line-height: 120%;
}
p + ul {
	margin-top: calc(-1*var(--padding));
}
figure {
	width: max-content;
	border: 2px solid var(--couleurBase);
}
figcaption {
	padding: calc(0.5*var(--padding));
	background-color: var(--couleurBaseAttenuée);
	margin-top: -2px;
}
.deux {
	column-count: 2;
}
.trois {
	column-count: 3;
}
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 {
	outline: 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 dt.date,
li dt.coutMini,
li dt.coutMaxi {
	text-align: left;
	font-size: 90%;
	position: relative;
	display: block;
	height: auto;
	margin-bottom: -12px;
}
li dt.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);*/
}
header, footer {
	width: 100%;
	margin-left: calc(-1 * var(--padding));
	padding: var(--padding);
}
header {
	margin-top: 0px;
	background-color: var(--souligneTrèsClair);
	padding-bottom: 0px;
	border-bottom: 1px solid var(--souligneLéger);
	height: var(--hautHeader);
}
footer {
	border-top: 1px solid var(--souligneLéger);
	border-bottom: 1px solid var(--souligneFoncé);
	background-color: var(--couleurBaseFoncée);
	color: var(--neutre);
	margin-top: calc(3 * var(--padding));
}
footer a {
	color: var(--neutre);
	border-bottom: 1px solid var(--neutre);
}
img {
	/*font-size: 5%;*/
}
h1,h2,h3,h4,h5,h6 {
	font-weight: var(--entetePoids);
}
h1 {
	color: var(--entete1);
	margin-top: var(--entete1MargeHaute);
	margin-left: var(--entete1MargeGauche);
	font-size: var(--entete1Taille) !important;
	font-weight: normal;
}
main h1 {}
h2 {
	background-color: var(--entete2);
	clear: both;
	font-size: var(--entete2Taille) !important;
	margin-top: var(--entete2MargeHaute);
	margin-left: var(--entete2MargeGauche);
	width: max-content;
	color: var(--neutre) !important;
	padding-top: calc(0.7*var(--padding));
	margin-left: calc(-1*var(--padding));
	padding-left: var(--padding);
	padding-bottom: calc(0.7*var(--padding))\);
	height: 31px;
	padding-right: var(--padding);
}
h2 a {
	background-color: var(--entete2);
	color: var(--neutre) !important;
}
h3 {
	color: var(--entete3);
	font-size: var(--entete3Taille) !important;
	margin-top: var(--entete3MargeHaute);
	margin-left: var(--entete3MargeGauche);
	clear: both;
}
.contenu h4,
.contenu h5 {
	margin-bottom: calc(-0.5*var(--margin));
	padding-top: calc(0.5*var(--padding));
	color: var(--h5Contenu);
	font-size: var(--entete5Taille);
}
.contenu p.important {
	color: var(--important);
}
.panel h3 {
	margin-bottom: 0px;
}
#alertes {
	height: 0px;
	font-size: 0px;
	color: transparent;
}
#EXE, .NoEXE {
	font: 16px/100% var(--typo), Helvetica, Arial, sans-serif;
	font-weight: 400;

	nav[hidden] {
		display: block;
	}
	button.reinit {
		margin: var(--margin);
		border-radius: var(--radius);
		padding: calc(0.3*var(--padding));
		padding-left: calc(0.6*var(--padding));
		padding-right: calc(0.6*var(--padding));
		background-color: var(--couleurBaseAttenuée);
		border: 1px solid var(--couleurBaseContrasteFort);
	}

	.selection {
		display: inline-block;
		border-radius: var(--radius);
		border: 1px solid var(--couleurBaseContraste);
		background-color: var(--couleurBaseAttenuée);
		padding: calc(.6*var(--padding));
		margin-left: var(--margin);
	}
	.sélecteur dl {
		margin-top:  var(--margin);
		margin-bottom: 0px;
	}
	.sélecteur dd {
		display: inline-block;
		border: 1px solid var(--couleurBaseContraste);
		border-radius: var(--radius);
		padding: calc(0.4*var(--padding));
		background-color: var(--couleurBaseAttenuée);
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.sélecteur dt {
		display: contents;
	}
	.sélecteur dd.neutre {
		display: inline-block;
		border: 0px solid var(--couleurBaseContraste);
		border-radius: 0;
		background-color: transparent;
	}

	legend {
		font-size: 110%;
		color: var(--typo);
		font-weight: 600;
		padding-left: 6px;
		padding-right: 6px;
	}
	label {
		width: max-content !important;
	    padding-bottom: 0px;
	    font-size: 100%;
	    font-weight: 500;
	    padding-right: var(--padding);
	    min-width: var(--labelLong);
	    padding-top: 0;
	    vertical-align: top;
	}
	#envA input[type="checkbox"] + label {
		padding-left: var(--hautCheck);
		text-indent: calc(1 * var(--hautCheck)) !important;
	}
	.validé label {
		padding-bottom: 0;
	}
	.validé label:focus {
		outline: 2px solid var(--couleurBase);
		outline-offset: 2px;
	}
	article > h4 {
		text-align: left;
	}
	h4 {
		color: var(--entete4);
		font-size: var(--entete4Taille);
		margin-top: var(--entete4MargeHaute);
		margin-left: var(--entete4MargeGauche);
		padding-left: var(--padding);
	}
	h4.titreBloc {
		background-color: var(--fond);
		opacity: 0.8;
		border-bottom: 1px solid var(--souligneLéger);
		padding-left: calc(1*var(--padding)) !important;
		padding-right: 0px !important;
		padding-top: calc(0.6*var(--padding));
		margin-left: calc(-0.5 * var(--padding));
		width: calc(100% + var(--padding)) !important;
		font-weight: 600;
		color: var(--couleurBaseContraste) !important;
		display: block;
		margin-top: 0px !important;
		padding-bottom: calc(1*var(--padding));
	    margin-bottom: 0px !important;
    	font-size: var(--titre4Taille) !important;
	}
	h5 {
		color: var(--entete5);
		font-size: var(--entete5Taille);
		margin-top: var(--entete5MargeHaute);
		margin-left: var(--entete5MargeGauche);
		padding-left: var(--padding);
	}
	h6 {
		margin-bottom: 0px;
	}
	.onglets {
	    padding-left: 0px;
	    width: 90%;
	    margin: 0px;
	}
	.ongletGene.active a {
 		color: var(--couleurBase) !important;
  		cursor: default !important;
	}
	.ongletGene a {
 		color: var(--neutre) !important;
	}
	.panelGene {
		border: 2px solid var(--couleurBaseAttenuée);
		padding: var(--padding);
		margin-top: calc(-0.05*var(--margin));
		margin-left: 0px;
	}
	section {
		margin-top: 0px;
	}
	/*Tables responsives*/
    table {
        width: 100%;
        border-collapse: collapse;
    }
    th,
    td {
        padding: 8px;
        border: 1px solid #ddd;
    }
    th.figé,
    td.figé,
    li.figé {
    	color: var(--couleurBaseContrasteFort);
    	font-weight: 600;
    }
    tbody th {
        text-align: left;
        font-size: 95%;
    }
    @media screen and (max-width: 800px) {
        table,
        thead,
        tbody,
        th,
        td,
        tr {
            display: block;
        }
        thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        tr {
            margin-bottom: 20px;
            border: 1px solid #ddd;
        }
        tbody th {
            text-align: left;
        }
        td {
            border: none;
            position: relative;
            padding-left: 6%;
        }

        td:before {
            position: absolute;
            left: 6px;
            /*content: attr(data-label);*/
            font-weight: bold;
        }
    }


}

h4 {
	color: var(--entete4);
	font-size: var(--entete4Taille);
	margin-top: var(--entete4MargeHaute);
	margin-left: var(--entete4MargeGauche);
	padding-left: var(--padding);
}
h5 {
	color: var(--entete5);
	font-size: var(--entete5Taille);
	margin-top: var(--entete5MargeHaute);
	margin-left: var(--entete5MargeGauche);
	padding-left: var(--padding);
}
.choix h5 {
	margin-bottom: var(--margin);
}
h6 {
	color: var(--entete6);
	font-size: var(--entete6Taille);
	margin-top: var(--entete6MargeHaute);
	margin-left: var(--entete6MargeGauche);
	padding-left: var(--padding);
}

footer h2,
footer h3,
footer h4 {
	color: var(--neutre) !important;
	background-color: transparent;
}
#aide h2 {
	margin-top: calc(-2 * var(--padding));
}
#modale h2 {
	margin-top: calc(1*var(--padding));
}
header h1 {
	font-size: 200% !important;
	margin-left: var(--padding);
	margin-top: calc(1.5*var(--margin));
	padding-top: 0px;
	color: var(--couleurBase);
	width: max-content;
	line-height: 120%;
	display: inline-block;
}
aside#banner {
	margin-top: calc(0 * var(--padding));
	border: 1px solid var(--bannièreBord);
	width: var(--bannièreLarge);
	margin-left: var(--bannièreGauche);
	height: var(--bannièreHaut);
	position: fixed;
	margin-top: calc(2 * var(--padding));
	background-color: var(--bannièreFond);
	text-align: center;
}
aside #logotype,
aside #logotypeAS {
	width: var(--bannièreLogoTaille);
	height: calc(var(--bannièreLogoTaille) - calc(0.8*var(--padding)));
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	padding-top: var(--padding);
	background-color: var(--neutre);
	margin-top: var(--margin);
	border: 2px solid var(--couleurBase);
	overflow: hidden;
	border-radius: 50%;
	position: relative;
}
aside #logotypeAS:focus {
	outline: 3px solid red;
}
aside #logotypeAS a:focus {
	outline: 1px dotted var(--couleurBase);
	outline-offset: -10px;
}
aside#banner img#logo {
	padding-top: 9px !important;
	vertical-align: middle !important;
	height: 50px;
	width: 74px;
}
aside #demoLink {
	border-radius: var(--radius);
	border: 1px solid var(--couleurBase);
	width: max-content;
	margin: auto;
	margin-top: var(--margin);
	max-width: 100%;
	padding: var(--padding);
	padding-top: calc(0.3*var(--padding));
	padding-bottom: calc(0.3*var(--padding));
}
aside #demoLink a {
	color: var(--couleurBase);

}

.NL {
	display: block;
	clear: both;
}
.NL2 {
	display: inline-block;
	clear: both;
}
.NL2 label {
	display: block;
}
label {
	width: var(--labelLong);
	display: inline-block;
}
.listeBloc img {
	width: 155px;
	position: relative;
	left: 0px;
	height: 128px;
}
.listeBloc div {
	display: block;
	text-align: center;
	padding: var(--padding);
	/*padding-top: 0px;*/
	font-size: 110%;
	color: var(--titreBloc);
}
.dessus dd {
	color: var(--couleurBase);
	padding-bottom: 0px;
	margin-bottom: calc(0.6*var(--margin));
	line-height: 100%;
}
.dessus {
	margin-top: -120px;
	text-align: left;
	font-size: 90%;
	position: static;
	border: 1px solid var(--souligne);
	background-color: #fff;
	opacity: 0.9;
	width: max-content;
	display: block;
	padding: var(--padding);
	padding-bottom: 0px;
}
.titreBloc {
	background-color: var(--fond);
	opacity: 0.8;
	border-bottom: 1px solid var(--souligneLéger);
	padding-left: calc(1*var(--padding)) !important;
	padding-right: 0px !important;
	padding-top: calc(0.6*var(--padding));
	margin-left: calc(-0.5 * var(--padding));
	width: calc(100% + var(--padding)) !important;
	font-weight: 600;
	color: var(--couleurBaseContraste);
	display: block;
	margin-top: 0px;
	padding-bottom: calc(1*var(--padding));
}
.fondBloc {
	background-repeat: no-repeat;
	background-size: 75%;
	background-position: bottom;
}
#shares {
	position: fixed;
	right: 0px;
	top: var(--hautShares);
	display: block;
	background: var(--neutre);
	padding: calc(1.2*var(--padding));
	color: var(--ok);
	opacity: 0.8;
	border-top-left-radius: var(--radius);
	border-bottom-left-radius: var(--radius);
	border: 1px solid var(--souligne);
}
.liste #shares {
	top: 320px;
}
#shares img {
	max-width: 32px;
}
#shares ul {
	margin-left: -36px;
}
#shares li {
	list-style: none;
	margin-left: -6px;
	margin-bottom: var(--padding);
	margin-top: var(--padding);
	text-align: center;
}
#shares a {
	height: 100%;
	display: block;
	color: var(--couleurBaseFoncée);
	background-color: var(--neutre);
	font-size: 180%;
}
#shares a:focus {
	outline: 2px dotted var(--couleurBase);
	outline-offset: 4px;
	background-color: var(--neutre);
}
footer a:focus {
	outline: 2px dotted var(--neutre);
	outline-offset: 2px;
}
a,
a.hover {
	text-decoration: none;
	color: var(--lien);
}
#logotype a {
	width: 72px;
	display: block;
	height: 75px;
	margin-top: calc(-1*var(--padding));
}
a:focus {
	outline: 2px dotted var(--outline);
	outline-offset: 1px;
}
li a.menu:focus {
	outline: 2px dotted var(--neutre);
	outline-offset: 6px;
	border-radius: var(--radius);
}
li.niveau1 ul li a.menu:focus {
	outline: 2px dotted var(--outline);
	outline-offset: 1px;
	border-radius: 0px;
}
a#nav+ section ul li[role="menuitem"] {
	cursor: pointer;
}
a#nav+ section  ul li[role="menuitem"].actif {
	background-color: var(--neutre);
	color: var(--couleurBase);
	border: 2px dotted var(--couleurBase);
	border-radius: var(--radius) !important;
}
a#nav+ section ul li[role="menuitem"].actif a {
	color: var(--couleurBaseFoncée);
}
a#nav+ section ul li[role="menuitem"]:focus {
	outline: 2px dotted var(--couleurBase);
	outline-offset: 6px;
	border-radius: var(--radius);
}
li a.menu.actif {
	background-color: var(--couleurBase);
	width: 100%;
	display: block;
	color: var(--neutre) !important;
	padding: 2px;
	cursor: default;
}	
#banner a:focus {
	border-radius: 50%;
	height: 56px;
	display: block;
	outline: 2px dotted var(--couleurBase);
	outline-offset: 7px;
	width: 54px;
	margin-left: 10px;
	margin-top: -1px;
	img {
		margin-left:-10px;
		margin-top: -11px;
	}
}
a.paslien {
	color: var(--texte);
}
nav a,
nav a.hover {
	color: var(--neutre);
}
.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;
	background-color: var(--neutre) !important;
	color: var(--couleurBaseFoncée) !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;
}
/*
.sr-only,
*/
.sr-only-focusable {
	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;
}
.focusable:hover {
	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;
	position: absolute !important;
	background-color: white !important;
	border: 1px solid var(--couleurBaseFoncée) !important;
	padding: 6px !important;
	top: 12px;
	left: 12px;
	z-index: 222;
}
#QuickLinks {
	overflow: visible !important;
	width: auto !important;
	white-space: normal !important;
	outline: none;
	position: absolute !important;
	background-color: white !important;
	border: 1px solid var(--couleurBaseFoncée) !important;
	padding: 6px !important;
	top: 12px;
	left: 12px;
	z-index: 222;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#QuickLinks ul {
	margin-left: 0px;
	padding-left: var(--padding);
	padding-right: var(--padding);
}
#QuickLinks a {
	color: var(--bleuCMA);
	text-decoration: none;
}
#QuickLinks h2 {
	font-size: 105%;
}
#QuickLinks a:focus {
	outline : 2px solid var(--couleurBaseFoncée)
}
#options {
	float: right;
	width: var(--largeOptions);
	right: calc(-1.2*var(--largeOptions));
	position: relative;
	/*height: var(--hautOptions);*/
}


body
nav {
	border-top: 1px solid var(--souligneLéger);
	margin-left: calc(-1 * var(--padding));
	padding-top: calc(1 * var(--padding));
	/*background-color: var(--fond);*/
	padding-bottom: calc(0.5 * var(--padding));
	position: absolute;
	/*width: calc(100% + (2 * var(--padding)));*/
	/*width: calc(var(--largePage) + (2 * var(--padding)));*/
	/*width: calc(1.027*var(--largePage));*/
	max-width: 95%;
}
nav ul {
	display: flex;
	z-index: 5;
	position: relative;
	width: max-content;
}
nav ul > li {
	display: inline-block;
	padding-left: var(--padding);
	padding-right: var(--padding);
	padding-top: var(--paddingHaut);
	padding-bottom: var(--demiPaddingHaut);
	margin-left: calc(0.5 * var(--padding));
	margin-right: calc(0.5 * var(--padding));
	border: 2px solid var(--couleurBase);
	border-radius: var(--radius);
	color: var(--fond);
	background-color: var(--couleurBase);
	line-height: 20px;
}
nav ul.niveau2 > li {
	display: block;
	padding-left: var(--padding);
	padding-right: var(--padding);
	padding-top: var(--paddingHaut);
	padding-bottom: var(--demiPaddingHaut);
	margin-left: calc(0.5 * var(--padding));
	margin-right: calc(0.5 * var(--padding));
	border: 0px;
	border-radius: 0px;
	color: var(--fond);
	background-color: var(--neutre);
	line-height: 100%;
}
nav ul > li.niveau1 {
	height: var(--hautLigne);
	padding-top: calc(var(--padding) * 0.4);
	vertical-align: middle;
	padding-bottom: 0px;
	background-repeat: no-repeat;
	background-size: 24px;
	padding-left: calc(2.4 * var(--padding));
	padding-right: calc(0.8 * var(--padding));
	border-radius: calc(1.5 * var(--radius));
}
nav ul > li.lien.niveau1 {
	background-image: url('../pic/feuilleNegative.svg');
	color: var(--neutre);
}
nav ul > li.lien.niveau1.actif {
	background-image: url('../pic/feuilleBleu.svg');
	color: var(--couleurBase);
	border-radius: 0 !important;
	border-style: dashed !important;
	z-index: 3544884848;
}


nav .niveau2 {
	position: absolute;
	background-color: var(--neutre) !important;
	display: block;
	color: var(--couleurBase);
	opacity: 0.9;
	border-bottom-left-radius: var(--radius);
	border: 1px solid var(--couleurBase);
	margin-top: var(--padding);
	margin-left: -12px;
	list-style: none;
	padding-left: var(--padding);
	padding-right: var(--padding);
	padding-top: calc(0.5*var(--padding));
	padding-bottom: var(--padding);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	cursor: pointer;
}
nav .niveau2 li {
	line-height: 120%;
	width: max-content;
	display: block;
}
nav .niveau2 a {
	color: var(--couleurBaseFoncée);
}


nav ul > li.menu a {
	color: var(--fond);
	height: calc(var(--hautLigne) + 2);
	display: inline-block;
}
nav ul > li.menu:focus, 
li.menu.active:focus,
nav ul > li.menu:hover,
li.menu.active:hover {
	border: 2px solid var(--souligne);
	border-radius: var(--radius);
	outline: none;
	font-weight: var(--poids);
}
nav ul > li.menu a:focus, li.menu.active a:focus {
	padding-left: calc(3.4* var(--padding));
	padding-top: calc(var(--padding) * 0.6);
	vertical-align: middle;
	padding-bottom: calc(var(--padding) - 2px);
	padding-right: calc(var(--padding) * 1);
	margin-top: -9px;
	margin-left: calc(-3.4 * var(--padding));
	margin-right: calc(-3.4 * var(--padding));
	border: 4px solid var(--souligne);
	border-radius: var(--radius);
	outline: none;
	padding-right: calc(3.4 * var(--padding));
}
nav ul > li.active a {
	color: var(--couleurBase);
}
nav ul > li.active .sousRub a {
	color: var(--neutre);
}
nav ul > li.active {
	background-color: var(--fond);
	color: var(--couleurBase);
}
nav ul > li.active:focus,
nav ul > li.active:hover {
	border: 2px solid var(--couleurBase) !important;
}
nav .secondNiveau {
	display: block;
	position: absolute;
	background-color: var(--neutre);
	border: 2px dashed var(--couleurBase);
	width: max-content;
/*	margin-left: calc((3* var(--padding)) +(var(--largePage) - var(--largeTOC)) / 2);*/
	height: max-content;
	left: 20%;
	z-index: 2544884848;
	margin-top: 16px;
	color: var(--texte);
	max-width: 100%;
	min-width: max-content;
	padding: var(--padding);
	opacity: 0.95;
}
nav ul#r4a.secondNiveau {
	left: 50% !important;
}
span.titreN2 {
	min-height: 40px;
}
#expli {
	position: fixed;
	border: 1px solid var(--aide);
	border-right: 0px;
	right: 0px;
	padding-left: 0px;
	padding-top: calc(0.3 * var(--padding));
	padding-bottom: calc(0.3 * var(--padding));
	border-top-left-radius: var(--radius);
	border-bottom-left-radius: var(--radius);
	top: var(--padding);
}
#expli ul {
	margin-left: calc(0.2 * var(--padding));
	padding-left: calc(0.3 * var(--padding));
	list-style-position: inside;
	list-style-type: none;
	margin-top: calc(0.3 * var(--padding));
	margin-bottom: calc(0.3 * var(--padding));
}
#expli ul > li {
	display: inline-block;
	padding: calc(0.5 * var(--padding));
	border: 1px solid var(--aide);
	background-color: var(--souligneTrèsClair);
}
#expli ul > li#expliON {
	border-top-left-radius: var(--radius);
	border-bottom-left-radius: var(--radius);
	margin-right: -4px;
}
#expli ul > li#expliOFF {
	border-top-right-radius: var(--radius);
	border-bottom-right-radius: var(--radius);
	margin-left: 0px;
}
#expli ul > li.active {
	border: 1px solid var(--souligne);
	background-color: var(--aide);
	color: var(--neutre);
}
#expli ul > li.expliActive {
	color: var(--aide);
	background-color: var(--neutre);
}
.aideur {
	display: block;
	float: right;
	width: var(--picto);
	height: var(--picto);
	background-color: transparent;
}
.aideur img {
	width: var(--picto);
	height: var(--picto);
}
#chxln, #chxtype {
	border: 1px solid var(--souligne);
	position: absolute;
	margin-left: 0px;
	padding: 0px;
	padding-left: var(--padding);
	border-top-right-radius: var(--radius);
	border-bottom-right-radius: var(--radius);
	background-color: var(--souligneSouris);
	color: var(--neutre);
}
#chxln {
	margin-top: 0px;
}
#chxtype {
	margin-top: calc(0.5*var(--hautOptions));
}
#chxtype ul,
#chxln ul {
	position: relative;
	list-style-position: outside;
	list-style-type: none;
	margin-left: 0px;
	padding: 0px;
	padding-right: var(--padding);
	color: var(--neutre);
}
#chxln > ul > li.lien {
	color: var(--neutre);
}
#chxln > ul > li.lien.inactive,
#chxtype > ul > li.lien.inactive {
	color: var(--neutre);
	padding-top: calc(var(--padding) * 0.6);
	padding-bottom: var(--padding);
	padding-left: calc(var(--padding) *0.5);
	padding-right: var(--padding);
	background-color: var(--couleurBaseFoncée);
	margin-left: calc(var(--padding) * -1);
	margin-top: calc(var(--padding) * 0.1);
	border-top-right-radius: var(--radius);
	border-bottom-right-radius: var(--radius);
	border: 1px solid var(--bleuVert);
	border-left: 0px;
}
#chxln > ul > li.lien.inactive {
	width: 14px;
}
#chxtype > ul > li.lien.inactive {
	width: 104px;
	a {
		color: var(--neutre);
	}
	a:focus {
		outline: 1px dotted var(--neutre);
		outline-offset: 2px;
	}
}
#chxln a,
#chxtype a {
	font-size: 90%;
	text-wrap-mode: nowrap;
}
#chxln > ul > li.active,
#chxtype > ul > li.active {
	color: var(--couleurBaseFoncée) !important;
	padding-top: calc(var(--padding) * 0.6);
	padding-bottom: var(--padding);
	padding-left: calc(var(--padding) *0.5);
	padding-right: var(--padding);
	background-color: var(--neutre);
	margin-left: calc(var(--padding) * -0.9);
	margin-top: 0px;
	border-top-right-radius: var(--radius);
	border-bottom-right-radius: var(--radius);
	border: 1px solid var(--souligneFoncé);
	border-left: 0px;
}
#chxln > ul > li.active {
	width: 14px;
}
#chxtype > ul > li.active {
	width: 104px;
}
#chxln > ul > li.lien:focus,
#chxln > ul > li.lien:hover {
	border: 0px solid var(--souligne);
	border-radius: var(--radius);
	outline: 2px solid white;
	font-weight: var(--poids);
}
#chxtype > ul > li.lien {
	color: var(--neutre);
}
#chxtype > ul > li.lien:focus,
#chxtype > ul > li.lien:hover {
	border: 0px solid var(--souligne);
	border-radius: var(--radius);
	outline: 2px solid white;
	font-weight: var(--poids);
}

div.pagination {
	width: 95%;
	text-align: right;
	padding-right: var(--padding);
}
div.pagination > ul li {
	display: inline-block;
	padding: calc(0.5 * var(--padding));
	margin-right: calc(0.5 * var(--padding));
	border: 1px dotted var(--couleurBase);
}
.col2 {
	column-count: 2;
}
.sousRub {
	display: inline-block;
	width: var(--sousRubLong);
	margin-top: 0px;
	padding: calc(0.5 * var(--padding));
	border: 1px solid var(--souligneLéger);
	height: 90px;
	background-color: var(--couleurBase);
	color: var(--neutre) !important;
	cursor: pointer;
	margin-right: calc(0.5 * var(--padding));
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	vertical-align: top;
}
.sousRub.active {
	border: 1px solid var(--couleurBase);
	background-color: var(--neutre);
	color: var(--couleurBase) !important;
	cursor: default;
}
.sousRub span {
	display: block;
}
.sousRub img {
	margin-top: var(--padding);
	width: 100%;
	margin-left: 0px;
	margin-bottom: var(--padding);
	height: 39px;
	vertical-align: bottom;
}
.sousRub a:focus {
	display: inline-block;
	margin-top: -12px;
	padding: var(--padding);
	border: 2px solid var(--souligneLéger) !important;
	height: 100px;
	cursor: pointer;
	margin-right: calc(0.5 * var(--padding));
	border: 1px solid var(--souligne);
	border-radius: 0px;
	outline: 1px solid var(--couleurBaseClaire) !important;
}
button:focus {
	outline: 1px solid var(--couleurBaseClaire) !important;
}
#bt01, #bt02 {
	background-color: var(--couleurBase);
	border-radius: var(--radius);
	padding-left: var(--padding);
	padding-right: var(--padding);
	color: var(--neutre);
	padding-top: var(--paddingHaut);
	padding-bottom: var(--paddingHaut);
	border: 1px solid var(--fond);
}
#toc {
	display: block;
	border: 1px solid var(--souligneFoncé);
	width: 200px;
	min-width: 200px;
	padding: 0px;
	border-top-left-radius: var(--radius);
	background-color: var(--fond);
	float: left;
	margin-left: -214px;
	position: fixed;
}
#toc h3 {
	margin-top: 0px;
	border-bottom: 1px dotted var(--souligneFoncé);
	width: 95%;
	padding-top: var(--padding);
	padding-left: var(--padding);
	padding-bottom: calc(0.5 * var(--padding));
}
.alerte {
	position: fixed;
	top: 15px;
	left: 46%;
	padding: var(--padding);
	border-radius: var(--radius);
	color: var(--fond);
	font-weight: bold;
}
.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;
}
.disparait {
	animation-delay: 4s;
	animation: disparait 10s; 
}
@keyframes disparait {
    0% { opacity:1; }
    25% { opacity:0.9; }
    50%{ opacity:0.5; }
    75%{ opacity:0.75; }
    100% { opacity:0; }
}

.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);
}
.modale.video {
	width: 751px;
	height: 541px;
}
#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)
}
pre {
	line-height: 100%;
	font-size: 90%;
	overflow-x: auto;
	overflow-y: hidden;
	overflow-wrap: anywhere;
	border: 2px solid var(--couleurBaseFoncée);
	padding: var(--padding);
	background-color: var(--fondCode);
}
.token.tag,
.token.selector,
.token.keyword,
.token.operator {
	color: var(--tags);
	font-weight: var(--poids);
}

.token.attr-name,
.token.function {
	color: var(--couleurBaseCode);
	font-weight: var(--poidsNormal);
}
.token.attr-value {
	color: var(--attribute);
	font-weight: var(--poidsNormal);
}
.token.punctuation,
.token.parameter {
	color: var(--attribute);
	font-weight: var(--poidsNormal);
}
.token.punctuation.attr-equals {
	color: var(--attribute);
	font-weight: var(--poidsNormal);
}
.miseEnAvant {
	background-color: var(--couleurBaseClaire);
}
#aide .fermer,
#modale .fermer {
	width: 100%;
	text-align: right;
}
#mod {
	display: inline-block	;
}
#modale img.fermeBouton {
/*	margin-top: calc(-5*var(--padding)) !important;*/
}
#modale #mod {
	display: inline-block;
	height: 40px;
	top: calc(-4*var(--padding)) !important;
	position: relative;
}
#modale #mod:focus {
	outline: 2px solid var(--couleurBase);
}
li.active.menu:focus {
	outline: 2px solid var(--couleurBase);
}
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);
}

#pageMAJ {
	float:right;
	color: var(--fond);
	font-size:  200%;
	width: 60%;
	text-align: left;

}
form label::after {
	content: ""
}
#predict label {
	width: max-content !important;
	margin-right: calc(2*var(--padding));
}
.cache,
.cache2,
.cachePermanent {
	display: none !important;
}
.visible {
	display: block;
}
.invisible {
	visibility: hidden;
}
input {
	border: 1px solid var(--couleurBase);
	padding-left: var(--padding);
	font-size: 100%;
	height: 26px;
}
input#victime {
	width: 320px !important;
}
input#victimeNB {
	width: 50px !important;
}
form .actions {
	width: 100%;
	display: block;
	text-align: right;
	margin-top: var(--padding);
}
.bouton, input[type="button"], input[type="submit"] {
	background-color: var(--bouton);
	border: 0px;
	color: var(--boutonT);
	font-weight: var(--poids);
	cursor: pointer;
	display: inline-block;
	margin-left: var(--padding);
	min-height: calc(2* var(--padding));
	font-size: 100%;
	border-top-right-radius: var(--radius);
	border-bottom-right-radius: var(--radius);
	height: var(--hautLigne);
	width: calc(max-content + var(--padding));
	padding-right: var(--padding);
	margin-right: calc(2 * var(--padding));
}
input[type="checkbox"] {
	height: var(--hautCheck);
	margin-left: 4px;
	border: 0px;
	background-color: transparent;
	position: absolute;
	margin-top: 1px;
}
input[type="checkbox"] + label {
	padding-left: var(--hautCheck);
	text-indent: calc(-1 * var(--hautCheck));
}
input[type="text"] {
	border-radius: 4px;
	border: 1px dotted #999;
	font-size: 90%;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
	color: var(--souligne);
	padding: 2px
}
input[type="file"] {
	display: none;
}
input.erreur {
	border: 1px solid var(--erreur);
	border-radius: calc(0.5*var(--radius));
	color: var(--typo);
}
input[type="image"] {
	border: 0px;
}
.bouton a {
	color: var(--fond);
}
select {
	min-height: 26px;
	font-size: 100%;
	background-color: var(--couleurBaseContraste);
	border: 1px solid var(--couleurBaseContrasteFort);
	padding: 3px;
	opacity: 0.8;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	padding-right: 0px;
	color: var(--neutre);
	min-width: 80px;
	text-align: right;
	max-width: 200px;
}
label.plat {
	background-color: var(--neutre);
	border: 1px solid var(--couleurBase);
	color: var(--couleurBase);
	padding: var(--padding);
	border-radius: var(--radius);
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	max-width: 80%;
	width: max-content;
	padding-right: calc(3 * var(--padding));
}
label.plat + input {
	margin-left: calc(-2 * var(--padding));
	vertical-align: middle;
	margin-top: -2px;
}
label.dessert {
	background-color: var(--neutre);
	border: 1px solid var(--couleurBase);
	color: var(--couleurBase);
	padding: var(--padding);
	border-radius: var(--radius);
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	max-width: 73%;
	width: max-content;
	padding-right: calc(3 * var(--padding));
}
label.dessert + input {
	vertical-align: middle;
	margin-top: -2px;
}
label.entrée {
	background-color: var(--neutre);
	border: 1px solid var(--couleurBase);
	color: var(--couleurBase);
	padding: var(--padding);
	border-radius: var(--radius);
	max-width: 80%;
	width: max-content;
	padding-right: calc(3 * var(--padding));
}
label.entrée:focus {
}
label.entrée.selection, 
label.plat.selection, 
label.dessert.selection {
	background-color: var(--couleurBase);
	color: var(--neutre);
	border: 1px solid var(--couleurBase);
}
label.entrée + input {
	margin-left: -29px;
	margin-top: 0px;
	vertical-align: middle;
	opacity: 1	;
}
label.entrée + input:focus,
label.plat + input:focus,
label.dessert + input:focus {
	outline: 2px solid var(--couleurBase);
	opacity: 1;
}
label.long {
	width: 95%;
}
label.continue {
	display: block;
	width: 100%;
	padding-bottom: var(--padding);
}
#lieux label {
	width: 163px;
}
#vous label {
	width: 90px;
}
.lien {
	cursor: pointer;
}

li.lien {
	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: 0;
	color: var(--erreur2);
	background-color: transparent;
	padding: 0px;
}
#documents input[type="file"] {
	display: inline-block;
	background-image: url('../pic/fichier.svg');
	background-color: transparent;
	background-repeat: no-repeat;
	width: 0px !important;
	border-radius: calc(0.5*var(--radius));
	border: 0px solid white !important;
	background-position-x: 3px;
	height: 39px;
	background-size: 55%;
	cursor: pointer;
	padding-left: 60px !important;
	background-position-y: -4px;
}
.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;
}
form span.NL {
	margin-bottom: var(--padding);
}
legend {
	color: var(--souligne);
	font-size: 125%;
	margin-top: var(--padding);
	padding: var(--padding);
}
fieldset {
	margin-bottom: 0px;
	padding-top: calc(0.81 * var(--padding));
	max-width: 92%;
}
fieldset.selectbox {
	margin-top: calc(-1*var(--padding));
	border: 0;
	background-color: transparent !important;
	font-size: 90%;
}
fieldset.selectbox > legend {
	padding: var(--padding);
	border: 1px solid var(--couleurBaseClaire);
	width: 94%;
	border-radius: calc(0.2*var(--radius));
}
.selectbox div {
	/*border: 1px solid red;*/
}
.selectbox div.deroulant {
	border: 1px solid var(--couleurBaseClaire) !important;
	border-top: 0px !important;
	border-radius: 0 !important;
	margin-top: -10px !important;
	width: 99% !important;
}
.aide {
	color: var(--aide);
	margin-top: 0px;
	cursor: help;
}
form label + span.aide {
	display: block;
	padding-bottom: calc(0.5 * var(--padding));
	min-height: 16px;
}
fieldset > span.aide {
	display: block;
	padding-bottom: calc(1.5 * var(--padding));
	width: 100%;
	text-align: left;
}

fieldset.carte {
	width: 27%;
	display: inline-block;
	vertical-align: text-top;
	margin-right: calc(1 * var(--padding));
	text-align: end;
	padding-right: calc(2 * var(--padding));
}
.erreur {
	color: var(--erreur2);
	background-color: var(--neutre);
	display: block;
	padding-bottom: calc(0.5 * var(--padding));
	border: 2px solid var(--erreur2);
	width: max-content;
	padding: var(--padding);
	border-radius: var(--radius);
	background-color: var(--couleurBaseAttenuée);
}
#ERRhumains.erreur {
	border: transparent;
	background-color: transparent;
}
.erreurFort {
	color: var(--erreurFort);
}
.erreur.NL {
}
#humains {
	display: block;
	margin-top: calc(0.5*var(--margin));
}
#wcb #wcb_g {
	border-color: var(--neutre) !important;
	color: var(--niveauA) !important;
}
#wcb.carbonbadge {
	text-align: center;
	color: var(--b1);
	line-height: 1.15;
	background-color: var(--couleurBaseFoncée);
}
#wcb_p {
	background-color: var(--couleurBaseFoncée);
	text-align: left;
}
#wcb #wcb_a {
	border-radius: 0 .3em .3em 0;
	border-left: 0;
	background: var(--couleurBaseFoncée) !important;
	color: var(--neutre);
	font-weight: var(--poids);
	border-color: var(--neutre) !important;
}
#licence span img {
	float: left;
	margin-right: var(--padding);
}
.fermer {
	position: sticky;
	top: 0px;
	background-color: transparent;
}
#wcb_2 {
	color: #f0f0f0 !important;
}
.coutMini {
	font-weight: var(--typoGraissée);
	font-size: var(--typoPromo) !important;
}
.alignGauche {
	float: left;
	margin-right: calc(2.5*var(--padding));
}
.alignDroit {
	margin-top: calc(2.5*var(--padding));
}
li.poids span {
	display: inline-block;
	margin-top: calc(0.5*var(--padding));
	margin-bottom: calc(0.5*var(--padding));
	max-width: 200px;
}
li.demoIMG {
	list-style: none;
	margin-left: calc(-2*var(--padding));
}
.demoIMG img {
	max-width: 165px;
	width: 165px;
}
.demoIMG .légende {
	display: inline-block;
	margin-left: var(--padding);
	vertical-align: top;
	height: auto;
	margin-top: 39px;
	padding: var(--padding);
}
.demoIMG .légende.p5 {
	max-width: 100px;
	width: var(--légerTaille);
	background-color: var(--léger);
}
.demoIMG .légende.p8 {
	width: var(--moinsLégerTaille);
	background-color: var(--moinsLéger);
}
.demoIMG .légende.p11 {
	width: var(--médianTaille);
	background-color: var(--médian);
}
.demoIMG .légende.p14 {
	width: var(--médianLourdTaille);
	background-color: var(--médianLourd);
}
.demoIMG .légende.p23 {
	width: var(--lourdTaille);
	background-color: var(--lourd);
	color: #fff;
}
.demoIMG .légende.p28 {
	width: var(--lourdFortTaille);
	background-color: var(--lourdFort);
	color: #fff;
}
.small {
}
.medium {
}
.large {
}
.xlarge {
}
section {
	clear: both;
}
blockquote {
	margin-bottom: var(--padding);
	display: block;
	font-size: var(--citationTaille);
	line-height: 115%;
}
blockquote:before {
	content: "\02EE ";
}
blockquote:after {
	content: "\02EE ";
}
.verifFaux {
	border: 1px solid var(--erreur) !important;
}
dt {
	font-weight: 600;
	color: var(--couleurBase);
}
dd {
	margin-left: var(--padding);
	margin-top: calc(0.2*var(--padding));
	margin-bottom: var(--padding);
	line-height: 110%;
}
.nc {
	background-color: #ffc323;
	color: #000;
}
.c {
	background-color: #7ea233;
	color: #fff;
}
.roseBlanc {
	background-color: #e72b65;
	color: #fff;
}
.roseClairBlanc {
	background-color: #ef7999;
	color: #fff;
}
.roseClairBlanc2 {
	background-color: #ef7999;
	color: #ce0927;
}
.vertBlanc {
	background-color: #008c89;
	color: #fff;
}
.vertClairBlanc {
	background-color: #02acb4;
	color: #fff;
}
.bleuBlanc {
	background-color: #43a5e4;
	color: #fff;
}
.gris1 {
	background-color: #ccd5de;
	color: #717a83;
}
.gris3 {
	background-color: #717b85;
	color: #fff;
}
.violet {
	background-color: #8f4d97;
	color: #fff;
}
.mauve {
	background-color: #bc92c0;
	color: #482857;
}
.bleu1 {
	background-color: #00a7c2;
	color: #fff;
}
.bleu2 {
	background-color: #46c3d9;
	color: #0080a7;
}
.bouteille1 {
	background-color: #146777;
	color: #fff;
}
.bouteille2 {
	background-color: #014751;
	color: #00aead;
}
.xx1 {
	background-color: #bc92c0;
	color: #904b9b;
}
.xx2 {
	background-color: #ea2d67;
	color: #e8e9ed;
}
.xx3 {
	background-color: #8cbb5b;
	color: #e8e9ed;
}
	.roseBlancC {
		background-color: #e51b5b;
		color: #fff;
	}
	.roseClairBlancC {
		background-color: #e41a64;
		color: #fff;
	}
	.roseClairBlanc2C {
		background-color: #f5adc1;
		color: #a10720;
	}
	.vertBlancC {
		background-color: #008480;
		color: #fff;
	}
	.vertClairBlancC {
		background-color: #008388;
		color: #fff;
	}
	.bleuBlancC {
		background-color: #1b7db5;
		color: #fff;
	}
	.gris1C {
		background-color: #d9e0e7;
		color: #5d646b;
	}
	.gris3C {
		background-color: #70787e;
		color: #fff;
	}
	.mauveC {
		background-color: #ba90be;
		color: #482857;
	}
	.bleu2C {
		background-color: #9fe1eb;
		color: #006584;
	}
	.bouteille2C {
		background-color: #014751;
		color: #00c0bd;
	}

	.xx1C {
		background-color: #bc92c0;
		color: #4d2a52;
	}
	.xx2C {
		background-color: #ce144f;
		color: #e8e9ed;
	}
	.xx3C {
		background-color: #317738;
		color: #e8e9ed;
	}
	.titreVideo {
	display: block;
	color: var(--couleurBaseClaire);
	font-size: 105%;
}
#soustitresBT {
	float: left;
	clear: none;
}
#soustitres {
	margin-left: 18px;
	height: 20px;
	opacity: 0.8;
	padding-left: 30px;
}
#btstt {
	background-size: 60%;
	width: 20px;
	z-index: 252;
	position: relative;
	height: 16px;
	top: -3px;
	background-repeat: no-repeat;
	border-radius: 3px;
	border: 1px solid var(--couleurBase);
	cursor: pointer;
	left: 0px;
	background-position-x: 3px;
}
#btstt.on {
	background-image: url('../pic/STToff.svg');
}
#btstt.off {
	background-image: url('../pic/STTon.svg');
}
/*=============== YouTube*/
iframe .ytp-embed:not(.ad-showing) .ytp-title-text,
.ytp-title-enable-channel-logo .ytp-title-channel,
.ytp-impression-link,
.ytp-chrome-top-buttons {
	display: none !important;
}
#mifr {
	background-color: black;
	width: 544px;
	height: 209px;
	margin-top: -310px;
	z-index: 2222222222222222222222222;
	position: absolute;
	color: #ff8f00;
	padding-top: 100px;
	text-align: center;
}
#mifr a {
	color: #ff8f00;
}

[inert], [inert] * {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
  user-select: none;
}
table {
	border: 1px solid var(--couleurBaseAttenuée);
}
caption {
	font-size: 110%;
	text-align: left;
	padding: var(--padding);
}
tr.ligneTitre > th {
	height: 26px;
	padding-top: var(--padding);
}
th {
	font-weight: 600;
	color: var(--couleurBase);
	min-width: 70px;
	vertical-align: top;
}
th, td {
	border-bottom: 1px solid var(--couleurBaseAttenuée);
	vertical-align: top;
	padding: calc(0.8*var(--padding));
	padding-right: var(--padding);
	display: table-cell;
}
td.hexa {
	text-align: center;
}
q.alone {
	display: block;
	color: var(--couleurBaseFoncée);
}
.sousniveau {
	display: flex;
	margin-left: calc(1.6*var(--padding));
}
fieldset.select {
	border: 0px;
	font-weight: 600;
	margin-top: calc(-1*var(--margin));
	padding: 0px;
  	background-color: var(--fondBoite);
  	margin-bottom: 0px;
}
fieldset.select.n2 {
	margin-top: calc(-1*var(--margin));
	margin-bottom: var(--margin);
}
article.selectBox,
section.selectBox {
	height: 110px;
}
article.selectBox.simple,
section.selectBox.simple {
	height: 350px;
}
div.selectbox {
	width: max-content;
	background-color: var(--fond);
	z-index: 222222222;
	position: relative;
	min-width: 310px;
}
.selectbox label {
	width: max-content;
	font-weight: 400;
	padding-top: calc(0.2*var(--padding)) !important;
}
.selectbox label:focus {
	outline: 2px dotted var(--couleurBase);
}
.selectbox h3,
.selectbox h4,
.selectbox h5 {
	border: 1px solid var(--couleurBase);
	font-size: 105% !important;
	font-weight: 600;
	margin-bottom: var(--padding);
	padding-left: var(--padding);
}
.selectbox h3.titre,
.selectbox h4.titre,
.selectbox h5.titre {
	border: 0px;
	/*font-size: 105% !important;*/
	font-weight: 800;
	margin-bottom: var(--padding);
	/*padding-left: var(--padding);*/
}
h3.déroulant,
h4.déroulant,
h5.déroulant {
	cursor: pointer;
	height: 30px;
	padding-top: 9px;
	width: 320px;
	margin-bottom: 0px;
	padding-right: calc(5*var(--padding));
	background-repeat: no-repeat;
	background-position-x: 326px;
	background-size: 28px;
	background-position-y: center;
	font-size: 105% !important;
}
h3.déroulant, 
h4.déroulant, 
h5.déroulant {
	background-size: 20px;
	/*border-radius: calc(0.2*var(--radius));*/
	/*width: 84%;*/
	margin-left: 0px;
	background-position-x: 110%;
	background-position-y: 1px;
	border-radius: var(--radius);
    max-width: var(--deroulantLongHaut) !important;
    width: var(--deroulantLongHaut) !important;
    padding-left: var(--padding) !important;
  	white-space: pre;
  	background-color: var(--fondBoite);
}
h3.déroulant.repos, 
h4.déroulant.repos,
h5.déroulant.repos {
	background-image: url('../pic/selection.svg');
	background-origin: content-box;

}
h3.déroulant.déroulé,
h4.déroulant.déroulé,
h5.déroulant.déroulé {
	background-image: url('../pic/non-selection.svg');
	background-origin: content-box;
}
div.deroulant {
	width: 500px;
	position: initial;
	background-color: var(--fond);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
div.deroulant.plié {
	display: none !important;
}
div.deroulant.déplié {
	max-height: 250px;
	overflow: auto;
	display: block;
	border: 1px solid var(--couleurBase);
	border-radius: var(--radius);
	margin-top: 3px;
	width: 280px !important;
  	z-index: 222222;
  	position: absolute;
}
.selectbox input[type="checkbox"],
.selectbox input[type="checkbox"]:checked {
	width: 20px;
  	margin-left: 4px;
}
.selectbox input[type="checkbox"]:focus {
	outline: 2px dotted var(--couleurBase);
	outline-offset: 5px;
}
#selectBox1 {
	margin-top: 0px !important;
	border-radius: var(--radius) !important;
	width: var(--deroulantLong) !important;
	margin-left: 3px;
  	background-color: var(--fondBoite);
}

input[type="checkbox"] + .validé {
	background-image: url('../pic/SelectKO.svg');
	height: 11px;
	display: inline-block;
	width: 26px;
	background-repeat: no-repeat;
	border-radius: 50%;
	border: 1px solid var(--couleurBase);
	background-color: var(--neutre);
	padding-bottom: 0px;
	background-position-y: 3px !important;
}

input[type="checkbox"]:checked + .validé {
	background-image: url('../pic/SelectOK.svg');
	height: 11px;
	display: inline-block;
	width: 26px;
	background-repeat: no-repeat;
}
.selectbox input[type="checkbox"] + .validé, .selectbox input[type="checkbox"]:checked + .validé {
	height: 23px;
	background-position-y: 1px;
	padding-left: 27px;
	position: relative;
	z-index: 22222;
	background-position-x: 3px;
	margin-right: 6px;
	width: 0px;
}
.selectbox input[type="checkbox"] + .validé {
	background-image: url('../pic/SelectKO.svg') !important;
	margin-top: -3px;
}
.selectbox input[type="checkbox"]:checked + .validé {
	background-image: url('../pic/SelectOK.svg') !important;
	margin-top: -3px;
}
fieldset .ligne {
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
}
.n1 legend {
	font-size: 105%;
	text-transform: uppercase;
}
.n2 legend {
	font-size: 95%;
	text-transform: capitalize;
	margin-top: 0px;
	margin-bottom: 4px;
	padding-bottom: 3px;
	border-bottom: 1px solid var(--couleurBaseClaire);
}
.n3 legend {
	font-size: 90%;
	text-transform: capitalize;
}
/*Liste en table*/
ul.enLigne li {
	display: inline-block;
	padding: var(--padding);
}
ul.table {
	border: 1px solid var(--couleurBaseAttenuée);
	width: 88%;
	overflow-y: auto;
	padding-left: 0px;
}
ul.table > li {
	border: 1px dotted grey;
	width: max-content;
	list-style: none;
	margin-left: 0px;
}
ul.enLigne {
	padding: 0px;
}
ul.enLigne li {
	list-style: none;
	margin-left: 0px;
	height: calc(0.6*var(--hautLigne:));
}
li.titre {
	display: block !important;
}
ul.enLigne.valeurs {
	display: inline-block;
}
.enLigne.titre img {
		margin-left: var(--padding);
	}
.figé {
	position: absolute;
	background-color: var(--léger) !important;
}
.figé a {
	color: var(--texte);
}
.th {
	background-color: var(--couleurBaseAttenuée);
}
.col0, .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8 {
	border-right: 1px solid var(--couleurBaseAttenuée);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: pre;
}
span.col0 {
	display: inline-block;
	padding: var(--padding);
	height: calc(0.6*var(--hautLigne));
}
.col0 {
	width: var(--cellule0);
	max-width: var(--cellule0);
}
.col1 {
	width: var(--cellule1);
	max-width: var(--cellule1);
}
.col2 {
	width: var(--cellule2);
	max-width: var(--cellule2);
}
.col3 {
	width: var(--cellule3);
	max-width: var(--cellule3);
}
.col4 {
	width: var(--cellule4);
	max-width: var(--cellule4);
}
.col5 {
	width: var(--cellule5);
	max-width: var(--cellule5);
}
.col6 {
	width: var(--cellule6);
	max-width: var(--cellule6);
}
.col7 {
	width: var(--cellule7);
	max-width: var(--cellule7);
}
.col8 {	
	width: var(--cellule8);
	max-width: var(--cellule8);
}
.ligneux {
	width: calc(1.8*var(--longLigne));
}
.col2b {
	width: 95%;
	column-count: 2;
}
#outils h4 {
	margin-top: 0px;
}
li.th a {
	float: right;
}
#filtreListe,
#filtreListe2 {
	width: 20em;
	border: 1px solid var(--couleurBaseClaire);
	float: right;
	margin-bottom: calc(2*var(--padding));
	padding: var(--padding);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#filtreListe h4,
#filtreListe2 h4 {
	margin-top: 0px;
	margin-bottom: 0px;
}
.table a:focus {
	border: 0px solid var(--souligne);
	border-radius: var(--radius);
	outline: 1px solid var(--couleurBase);
	font-weight: var(--poids);
}
.table span a {
	padding: calc(0.6*var(--padding));
}
.tables {
	width: 89%;
	overflow: auto;
}
.tables table td,
.tables table th {
	padding: var(--padding);
}
li.attente span,
td.attente span {
	background-color: var(--large);
	padding: 4px;
	padding-left: 7px;
	padding-right: 7px;
	border-radius: var(--radius);
}
li.valide span,
td.valide span {
	background-color: var(--léger);
	padding: 4px;
	padding-left: 7px;
	padding-right: 7px;
	border-radius: var(--radius);
}
h4.baf {
	background-image: url(../pic/c13.svg);
	background-repeat: no-repeat;
	padding-left: 42px;
	background-size: 9%;
	background-position-y: bottom;
	height: 31px;
}
img[alt="tri"] {
	width: 20px;
}
span.valeur {
	width: 100%;
	display: inline-block;
	height: 16px;
}
.colIndiv {
	border: 1px solid var(--couleurBase);
	padding: calc(0.5*var(--padding));
	margin-right: var(--padding);
}
.carréCouleur {
	width: 80px;
	height: 27px;
	border: 1px solid var(--couleurBase);
	margin-bottom: var(--padding);
	padding: var(--padding);
	font-size: 120%;
	line-height: 120%;
}
/*td.KO {
	background-color: var(--erreur);
	text-align: center;
	color: var(--fond);
}
*/td.KO {
	background-color: #96969638;
	text-align: center;
	color: #333;
	font-size: 75%;
}
td.OK {
	background-color: var(--léger);
	text-align: center;
}
td.vide {
	background-color: #e8e8e8;
	color: #e8e8e8;
/*	visibility: hidden;*/

}
.couleurs fieldset {
	width: max-content;
	font-size: 90%;
	display: inline-block;
	padding-top: calc(0.1*var(--padding));
	border: 1px solid var(--couleurBaseAttenuée);
}
.couleurs fieldset legend {
	width: max-content;
	font-size: 100%;
	margin-top: calc(-1*var(--padding));
	padding-bottom: 0px;
	background-color: transparent;
	border: 0px;
}
.couleurs fieldset label {
	max-width: max-content;
	padding-right: 2px;
	padding-left: calc(0.5*var(--padding));
	vertical-align: top;
	padding-top: 8px;
}
#tableCol {
	background-color: #fff !important;
	position: relative;
	overflow-x: auto;
	width: 100%;
	height: 70vh;
}
#tableCol table.condensée {
	font-size: 60%;
}
#tableCol table.condensée th,
#tableCol table.full th {
	max-width: max-content;
	max-height: 13px;
	min-width: min-content;
	padding: 4px;
}
#tableCol table.condensée td,
#tableCol table.full td {
	max-width: max-content;
	max-height: 13px;
	min-width: min-content;
	padding: 4px;
	vertical-align: middle;
}
#tableCol table.full {
	font-size: 80%;
	width: 100%;
}
#tableCol.full {
	background-color: #fff !important;
	overflow-x: auto;
	width: 100%;
	position: absolute;
	left: 0;
	max-width: 100vw;
	top: 500px;
}
ul.selectMarques li {
	list-style: none;
	display: inline-block;
	margin-right: calc(0.5*var(--padding));
	border-radius: var(--radius);
	border: 1px solid var(--couleurBaseFoncée);
	padding: var(--padding);
	padding-top: calc(0.4*var(--padding));
	padding-bottom: calc(0.4*var(--padding));
}
ul.selectMarques li.liLien {
	background-color: var(--couleurBaseFoncée);
}
ul.selectMarques li.liLien a {
	color: var(--fond);
	cursor: pointer;
}
ul.selectMarques li.neutre {
	background-color: var(--fond);
}
ul.selectMarques li.neutre a {
	color: var(--couleurBaseFoncée);
	cursor: default;
}
ul.selectMarques li.neutre a {
	background-color: var(--fond);
	color: var(--couleurBaseFoncée);
}
.figée {
	position: sticky;
	left: 0px;
	min-width: max-content;
	text-align: left;
	border-right: 2px solid var(--couleurBaseFoncée);
}
th.preums {
	background-color: var(--fond);
}
th span.hexa {
	display: block;
	font-weight: 400;
	font-size: 80%;
}
th.ligne1 {
	position: sticky;
	top: 0!important /* Don't forget this, required for the stickiness */;
}
th.ligne1.figée.preums {
	z-index: 555555555;
}
.démo.privée h2 {
	margin-top: calc(3*var(--padding));
}
ul.action {
	display: inline-block;
	width: max-content;
}
ul.action li {
	display: inline-block;
	margin-right: 20px;
	margin-left: 8px;
	width: 2vw;
}
li.BL {
	color: var(--couleurBase);
	font-weight: 600;
	list-style: none;
}
li.BL > span {
	display: inline-block;
	width: 4vw;
}
img.tri {
	width: 20px;
}
code .preBloc {
	color: var(--couleurBase);
}
li div.elcourte {
	max-width: 300px;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 22px;
	display: block;
	white-space: nowrap;
}
li div.ellipse {
	cursor: url("../pic/curseurEllipse.svg"), pointer;
}
img.info {
	cursor: url("../pic/curseurInfo.svg"), pointer;
	height: 20px;
}



.ongletGene {
	background-color: var(--couleurBaseClaire);
	display: inline-block;
	border-radius: 0 !important;
	border-top-left-radius: calc(0.3*var(--radius)) !important;	
	border-top-right-radius: calc(0.3*var(--radius)) !important;	
	border-bottom: 0px !important;
	padding-block-end: var(--padding);
	padding-bottom: calc(0.3*var(--padding));
	padding-top: calc(0.4*var(--padding));
	margin-right: var(--padding);
	margin-bottom: 0px;
	padding-left: var(--padding);
	padding-right: var(--padding);
}
.ongletGene a {
	color: var(--neutre) !important;
	text-decoration: none;
}
.ongletGene.active {
	background-color: var(--fond);
	color: var(--couleurBase);
	border-style: solid !important;
	z-index: 3544884848;
	border: 2px dashed var(--couleurBase);
}
.ongletGene.active a {
	color: var(--couleurBase);
	cursor: default;
}
.ongletsGene {
	border-top: 1px solid var(--couleurBaseAttenuée);
	padding-top: calc(0.8*var(--padding));
	border-bottom: 1px solid var(--couleurBaseAttenuée);
}
.panelGene {
	border: 1px solid var(--couleurBaseAttenuée);
	padding: var(--padding);
	margin-top: calc(-1.4*var(--margin));
	margin-left: 0px;
}
.panelGene:focus {
	outline: 1px solid var(--couleurBaseFoncée);
}
.panelGene h5 {
	font-size: 100%;
	color: var(--couleurBase);
}
.panelGene h6 {
	font-size: 100%;
}
.onglets a:focus {
	outline: 2px dotted var(--neutre);
	outline-offset: 4px;
}
.HTMLtag {
	font-weight: 600;
	color: var(--couleurBase);
}
.bt {
	display: inline-block !important;
}
.validé.bt:hover {
	outline-offset: -4px;