/**
 * o_blique.css.php
 * (c) 2022-2025, david turgeon
 * dt@electrocd.com
 * version 2025-06-05
 */

h1, h2, h3, p {
	hyphens: auto;
	text-overflow: ellipsis;
}

a {
	text-decoration: none;
}
a[href]:hover , a[href]:focus {
	text-decoration: underline;
}

a.out:not(.muet):after,
a.externe:not(.muet):after,
a[href^="//"]:not(.muet):after,
a[href^="http://"]:not(.muet):after,
a[href^="https://"]:not(.muet):after {
	font-family: 'font awesome 6 pro';
	font-weight: 300;
	content: " \f14c";
	vertical-align: baseline;
	line-height: 1em;
	opacity: 1;
	font-style: normal;
	font-weight: bold;
}
a.out:not(.muet)[href]:hover:after, a.out:not(.muet)[href]:focus:after,
a.externe:not(.muet):after,
a[href^="//"]:not(.muet)[href]:hover:after, a.externe:not(.muet):after,
a[href^="//"]:not(.muet)[href]:focus:after,
a[href^="http://"]:not(.muet)[href]:hover:after, a[href^="http://"]:not(.muet)[href]:focus:after,
a[href^="https://"]:not(.muet)[href]:hover:after , a[href^="https://"]:not(.muet)[href]:focus:after {
	opacity: 1;
	text-decoration: none;
}

/* https://stackoverflow.com/a/18856343 */
/* https://blog.maximerouiller.com/post/remove-the-x-from-internet-explorer-and-chrome-input-type-search/ */
input[type="search"]::-ms-clear,
input[type="search"]::-ms-reveal,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
  width: 0;
  height: 0;
}

span.erreur,
span.errone {
	color: #f30;
}

.invisible {
	display: none;
}

a.etiquette:not(.litk-interface),
span.etiquette:not(.litk-interface) {
	display: inline-block;
	white-space: nowrap;
	font-size: 0.825rem;
	color: #fff;
	background-color: rgba(0,0,0,.8);
	padding: 0 2px;
	font-weight: bold;
	cursor: default;
}
a.etiquette:not(.litk-interface) {
	background: #6c7f9d;
	cursor: pointer;
}
a.etiquette.fond-jaune:not(.litk-interface),
span.etiquette.fond-jaune:not(.litk-interface) {
	color: #111;
}

.activable {
	display: none;
}
.activable.actif {
	display: block;
}

img.deco {
	box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
}

body:not(.o-appli-actif) .si-appli-actif {
	display: none;
}
body.o-appli-actif .si-appli-inactif {
	display: none;
}

/* Accessibilité */

a.vers-corps {
	position: fixed;
	top: -50px;
	left: 0;
	right: 0;
	height: 50px;
	line-height: 50px;
	display: block;
	text-align: center;
	font-size: 1.3rem;
	font-weight: bold;
	background: rgba(255,255,255,.9);
	z-index: 9999;
}
a.vers-corps:active,
a.vers-corps:focus {
	top: 0;
}

/* En-tête globale */

header.global {
	position: fixed;
	z-index: 101;
	color: #fff;
	height: 50px;
	width: 100%;
	width: 100vw;
	background: #222;
}
@media print {
	header.global {
		position: relative;
	}
}
header.global.reduit {
	height: 0;
}
header.global.transparent {
	background: #F2EEB6;
	transition: box-shadow ease-in .4s; -moz-transition: box-shadow ease-in .4s; -webkit-transition: box-shadow ease-in .4s; -o-transition: box-shadow ease-in .4s;
}
header.global > div.ecran {
	height: 50px;
	overflow: hidden;
	padding: 0;
}
header.global:not(.sans-grand-menu) > div.ecran {
	padding-right: 50px;
}
header.global.reduit > div.ecran {
	height: 0;
}
header.global nav.principal > menu,
header.global nav.moi > menu,
header.global section.secondaire > nav > menu {
	margin: 0;
	padding: 0;
}
header.global nav.principal > menu + menu,
header.global section.secondaire > nav > menu + menu,
header.global section.secondaire > nav + nav {
	position: relative;
	padding-left: 12px;
	margin-left: 10px;
}
header.global nav.principal > menu + menu:before,
header.global section.secondaire > nav > menu + menu:before,
header.global section.secondaire > nav + nav:before {
	position: absolute;
	display: block;
	content: ' ';
	top: 10px;
	bottom: 10px;
	left: 0;
	width: 0;
	border-left: 2px dotted #fff;
	opacity: .2;
}
header.global nav.principal > menu > li,
header.global nav.moi > menu > li,
header.global section.secondaire > nav > menu > li {
	margin: 0;
	padding: 4px 0;
	float: left;
	display: block;
}
header.global div.ecran section.site a,
header.global nav.principal > menu > li > a,
header.global nav.moi > menu > li > a,
header.global section.secondaire > nav > menu > li > a,
nav.grand-menu a {
	color: #fff;
}
header.global nav.principal > menu > li > a,
header.global nav.moi > menu > li > a,
header.global section.secondaire > nav > menu > li > a,
nav.grand-menu a {
	font-weight: bold;
}
header.global nav.principal > menu > li > a.lien-inaccessible,
header.global nav.moi > menu > li > a.lien-inaccessible,
header.global section.secondaire > nav > menu > li > a.lien-inaccessible,
nav.grand-menu a.lien-inaccessible {
	opacity: .4;
	cursor: not-allowed;
}
header.global nav.principal > menu > li > a.ici,
header.global nav.principal > menu > li > a.interrupteur-actif,
header.global nav.moi > menu > li > a.interrupteur-actif,
header.global section.secondaire > nav > menu > li > a.interrupteur-actif {
	background-color: #6c7f9d !important;
	background-size: 4px 4px !important;
	background-image: repeating-linear-gradient(-45deg, #222 0, #222 0.4px, rgb(0,0,0,0) 0, rgb(0,0,0,0) 50%) !important;
}
@media print {
	header.global nav.principal > menu > li > a.ici,
	header.global nav.principal > menu > li > a.interrupteur-actif,
	header.global nav.moi > menu > li > a.interrupteur-actif,
	header.global section.secondaire > nav > menu > li > a.interrupteur-actif {
		background-image: none;
	}
}

header.global div.ecran section.site {
	float: left;
	padding: 4px 0;
}
header.global div.ecran section.site a {
	display: block;
	line-height: 42px;
	height: 42px;
	font-size: 1.125rem;
	font-weight: normal;
	padding: 0 12px;
}
header.global div.ecran section.site a:hover , header.global div.ecran section.site a:focus {
	background-size: 4px 4px;
	background-image: repeating-linear-gradient(-45deg, #6c7f9d 0, #6c7f9d 0.4px, rgb(0,0,0,0) 0, rgb(0,0,0,0) 50%);
}
header.global.transparent div.ecran section.site a {
	border-right: none;
}
header.global div.ecran section.site a .slogan {
	font-size: 0.825rem;
	font-weight: normal;
}
header.global div.appli {
	line-height: 50px;
	height: 0;
	font-size: 0.825rem;
	font-weight: bold;
	text-align: center;
	opacity: .4;
	position: relative;
	z-index: 0;
}
header.global div.appli a {
	color: #fff;
}
header.global div.appli .icone {
	margin-right: 3px;
}
header.global nav.principal {
	float: left;
}
header.global nav.moi {
	float: right;
}
header.global section.secondaire {
	float: right;
}
header.global section.secondaire > nav {
	float: left;
}
header.global nav.principal > menu,
header.global section.secondaire > nav > menu {
	float: left;
}
header.global nav.principal > menu > li > a,
header.global nav.moi > menu > li > a,
header.global section.secondaire > nav > menu > li > a {
	position: relative;
	display: block;
	float: left;
	line-height: 42px;
	height: 42px;
	font-size: 0.975rem;
	padding: 0 0 0 0;
	max-width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
header.global nav.principal > menu > li > a > .icone,
header.global nav.moi > menu > li > a > .icone,
header.global section.secondaire > nav > menu > li > a > .icone {
	font-size: 1.4em;
	display: block;
	float: left;
	height: 42px;
	line-height: 42px;
	width: 42px;
	text-indent: 0;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	font-weight: bold;
}
header.global nav.principal > menu > li > a.plus:not(.interrupteur-actif) > .icone,
header.global nav.principal > menu > li > a.action:not(.interrupteur-actif) > .icone,
header.global section.secondaire > nav.actions > menu > li > a > .icone {
	font-weight: normal;
}
header.global nav.principal > menu > li > a > .icone.fab,
header.global nav.moi > menu > li > a > .icone.fab,
header.global section.secondaire > nav > a > .icone.fab {
	font-weight: normal;
}
header.global nav.principal > menu > li > a > .pseudo-icone,
header.global nav.moi > menu > li > a > .pseudo-icone,
header.global section.secondaire > nav > menu > li > a > .pseudo-icone {
	display: inline-block;
	text-align: center;
	background: #fff;
	color: #222;
	height: 24px;
	line-height: 24px;
	width: 24px;
	margin: 9px;
}
header.global.transparent nav.principal > menu > li > a > .pseudo-icone,
header.global.transparent nav.moi > menu > li > a > .pseudo-icone,
header.global.transparent section.secondaire > nav > menu > li > a > .pseudo-icone {
	background: #222;
	color: #fff;
}
header.global nav.principal > menu > li > a[href]:hover, header.global nav.principal > menu > li > a[href]:focus,
header.global nav.moi > menu > li > a[href]:hover, header.global nav.moi > menu > li > a[href]:focus,
header.global section.secondaire > nav > menu > li > a[href]:hover , header.global section.secondaire > nav > menu > li > a[href]:focus {
	text-decoration: none;
	background-size: 4px 4px;
	background-image: repeating-linear-gradient(-45deg, #6c7f9d 0, #6c7f9d 0.4px, rgb(0,0,0,0) 0, rgb(0,0,0,0) 50%);
}
header.global nav.principal > menu > li > a .description,
header.global nav.moi > menu > li > a .description,
header.global section.secondaire > nav > menu > li > a .description {
	padding-right: 12px;
}
header.global nav.principal > menu > li > a.sans-icone .description,
header.global nav.moi > menu > li > a.sans-icone .description,
header.global section.secondaire > nav > menu > li > a.sans-icone .description {
	padding-left: 12px;
}
header.global nav.principal > menu > li > a.alerte:after,
header.global nav.moi > menu > li > a.alerte:after,
header.global section.secondaire > nav > menu > li > a.alerte:after {
	position: absolute;
	display: block;
	content: ' ';
	top: 6px;
	left: 6px;
	background: #f63;
	height: 8px;
	width: 8px;
	border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px;
}
header.global nav.principal menu > menu > li > a .alerte-num.zero,
header.global nav.moi > menu > li > a .alerte-num.zero,
header.global section.secondaire > nav > menu > li > a .alerte-num.zero {
	display: none;
}
header.global nav.principal menu > menu > li > a .alerte-num:not(.zero),
header.global nav.moi > menu > li > a .alerte-num:not(.zero),
header.global section.secondaire > nav > menu > li > a .alerte-num:not(.zero) {
	position: absolute;
	top: 4px;
	left: 4px;
	color: #fff;
	background: #f63;
	height: 20px;
	width: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -o-border-radius: 20px;
	font-size: 0.825rem;
	font-feature-settings: 'pnum', 'lnum';
	-webkit-font-feature-settings: 'pnum', 'lnum';
	-moz-font-feature-settings: 'pnum', 'lnum';
	-moz-font-feature-settings: 'pnum=1,lnum=1';
}

nav.recherche-globale,
search.recherche-globale {
	background: #fff;
	position: relative;
}
header.global > div.ecran > nav.recherche-globale,
header.global > div.ecran > section.secondaire > nav.recherche-globale,
header.global > div.ecran > search.recherche-globale,
header.global > div.ecran > section.secondaire > search.recherche-globale {
	float: right;
	margin: 7px 12px;
	z-index: 200;
}
header.global > div.ecran > section.secondaire > nav.recherche-globale,
header.global > div.ecran > section.secondaire > search.recherche-globale {
	float: left;
}
nav.recherche-globale .champ-visible,
search.recherche-globale .champ-visible {
	padding: 0 !important;
	margin-right: 24px !important;
}
nav.recherche-globale .champ-visible > span,
search.recherche-globale .champ-visible > span {
	display: none !important;
}
nav.recherche-globale .champ-visible input,
search.recherche-globale .champ-visible input {
	background: none !important;
	width: 160px !important;
	color: #222;
}
nav.recherche-globale button,
search.recherche-globale button {
	position: absolute;
	right: 0;
	top: 0;
	height: 36px;
	line-height: 36px;
	width: 36px;
	font-size: 1.3em;
	background: none;
	border: 0;
	color: #222;
}
ul.suggestions,
menu.suggestions {
	position: fixed;
	z-index: 600;
	margin: 0 !important;
	padding: 0 !important;
	color: #111;
	background: #F2EEB6;
	box-shadow: 0 4px 12px rgba(0,0,0,.2); -moz-box-shadow: 0 4px 12px rgba(0,0,0,.2); -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.2); -o-box-shadow: 0 4px 12px rgba(0,0,0,.2);
	font-weight: normal;
}
ul.suggestions *,
menu.suggestions * {
	opacity: 0;
}
ul.suggestions.actif *,
menu.suggestions.actif * {
	opacity: 1;
}
.o-appli-actif ul.suggestions,
.o-appli-actif menu.suggestions {
	visibility: hidden;
}
.o-appli-actif ul.suggestions.actif,
.o-appli-actif menu.suggestions.actif {
	visibility: visible;
	opacity: 1;

  -webkit-animation-name: deroulableIn;
  animation-name: deroulableIn;
  -webkit-animation-duration: .15s;
          animation-duration: .15s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
ul.suggestions > li,
menu.suggestions > li {
	float: none;
	display: block !important;
	margin: 0 !important;
	padding: 6px 0 !important;
}
ul.suggestions > li + li,
menu.suggestions > li + li {
	border-top: 1px solid rgba(0,0,0,.2);
}
ul.suggestions ul,
menu.suggestions menu {
	margin: 0 !important;
	padding: 0 !important;
}
ul.suggestions > li li,
menu.suggestions > li li {
	display: block;
	margin: 0 !important;
	padding: 0 !important;
}
ul.suggestions a,
menu.suggestions a {
	display: block;
	color: #111;
	padding: 4px 12px;
	font-weight: normal;
}
ul.suggestions a:hover, ul.suggestions a:focus,
menu.suggestions a:hover , menu.suggestions a:focus {
	text-decoration: none;
}
ul.suggestions li.etc a,
menu.suggestions li.etc a {
	color: #6c7f9d;
	font-weight: bold;
}
ul.suggestions a[href]:hover, ul.suggestions a[href]:focus,
menu.suggestions a[href]:hover , menu.suggestions a[href]:focus {
	background: #F2EA77;
}
ul.suggestions div.titre,
ul.suggestions div.detail,
menu.suggestions div.titre,
menu.suggestions div.detail {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
ul.suggestions div.titre,
menu.suggestions div.titre {
	font-size: 1.125rem;
	line-height: 1.2em;
}
ul.suggestions div.titre .icone,
menu.suggestions div.titre .icone {
	margin-right: 6px;
}
ul.suggestions div.detail,
menu.suggestions div.detail {
	font-size: 0.825rem;
	margin-top: 2px;
}

header.global nav.vers-grand-menu,
nav.grand-menu nav.fermer-grand-menu {
	position: fixed;
	z-index: 100;
	right: 0;
	top: 0;
}
@media print {
	header.global nav.vers-grand-menu,
	nav.grand-menu nav.fermer-grand-menu {
		position: absolute;
	}
}
nav.grand-menu nav.fermer-grand-menu {
	position: absolute;
}
header.global nav.vers-grand-menu a,
nav.grand-menu nav.fermer-grand-menu a {
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 1.45rem;
	color: #fff;
	background: #222;
}
header.global nav.vers-grand-menu a:hover, header.global nav.vers-grand-menu a:focus,
nav.grand-menu nav.fermer-grand-menu a:hover , nav.grand-menu nav.fermer-grand-menu a:focus {
	background-size: 4px 4px;
	background-image: repeating-linear-gradient(-45deg, #6c7f9d 0, #6c7f9d 0.4px, rgb(0,0,0,0) 0, rgb(0,0,0,0) 50%);
}

nav.grand-menu {
	position: fixed;
	z-index: 997;
	top: 0;
	right: -1000px;
	bottom: 0;
	padding-left: 20px;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	xwidth: 332px;
	color: #fff;
	background: #222;
	box-shadow: -4px 0 20px rgba(0,0,0,.4), -4px 0 40px rgba(0,0,0,.4); -moz-box-shadow: -4px 0 20px rgba(0,0,0,.4), -4px 0 40px rgba(0,0,0,.4); -webkit-box-shadow: -4px 0 20px rgba(0,0,0,.4), -4px 0 40px rgba(0,0,0,.4); -o-box-shadow: -4px 0 20px rgba(0,0,0,.4), -4px 0 40px rgba(0,0,0,.4);
	overflow: auto;
}
nav.grand-menu.actif {
	right: 0;
}
nav.grand-menu div.ecran section.site {
	padding-right: 64px;
}
nav.grand-menu nav.aussi a {
	color: #fff;
}
nav.grand-menu nav.aussi ul + ul:before,
nav.grand-menu nav.aussi ul + h1:before,
nav.grand-menu nav.aussi menu + menu:before,
nav.grand-menu nav.aussi menu + h1:before {
	height: 2.4px;
	background: #fff;
}

@media only screen and (max-width: 683px) {
	nav.grand-menu {
		width: 100%;
		width: 100vw;
	}
}

@media only screen and (max-width: 1023px) {
	header.global nav.principal > menu > li > a.sans-icone,
	header.global nav.moi > menu > li > a.sans-icone,
	header.global nav.principal > menu > li > a .description,
	header.global nav.moi > menu > li > a .description,
	header.global section.secondaire > nav > menu > li > a .description {
		display: none;
	}
}

@media only screen and (min-width: 1288px) {
	nav.grand-menu {
		width: 400px;
	}
}

@media only screen and (min-width: 1508px) {
	nav.grand-menu {
		width: 480px;
	}
}

@media only screen and (min-width: 684px) {
	header.global nav.principal > menu > li > a.mobile-seulement,
	header.global nav.moi > menu > li > a.mobile-seulement,
	header.global section.secondaire > nav > menu > li > a.mobile-seulement,
	header.global nav.recherche-globale.mobile-seulement,
	header.global search.recherche-globale.mobile-seulement {
		display: none;
	}
}

@media only screen and (max-width: 683px) {
	header.global nav.principal > menu > li > a:not(.mobile):not(.mobile-seulement),
	header.global nav.moi > menu > li > a:not(.mobile):not(.mobile-seulement),
	header.global section.secondaire > nav > menu > li > a:not(.mobile):not(.mobile-seulement),
	header.global nav.recherche-globale:not(.mobile):not(.mobile-seulement),
	header.global search.recherche-globale:not(.mobile):not(.mobile-seulement) {
		display: none;
	}
	/*
	header.global nav.recherche-globale ul.suggestions,
	header.global nav.recherche-globale menu.suggestions,
	header.global search.recherche-globale ul.suggestions,
	header.global search.recherche-globale menu.suggestions {
		width: 272px;
	}
	*/
	header.global nav.recherche-globale ul.suggestions div.detail,
	header.global nav.recherche-globale menu.suggestions div.detail,
	header.global search.recherche-globale ul.suggestions div.detail,
	header.global search.recherche-globale menu.suggestions div.detail {
		display: none;
	}
}

@media only screen and (min-width: 1020px) {
	body:not(.borne-un-pixel) .borne.un-pixel ~ header.global.redimensionnable,
	body:not(.borne-un-pixel) .borne.un-pixel ~ header.global.redimensionnable div.ecran,
	body:not(.borne-un-pixel) .borne.un-pixel ~ header.global.redimensionnable div.ecran section.site a,
	body:not(.borne-un-pixel) .borne.un-pixel ~ header.global.redimensionnable nav.principal a,
	body:not(.borne-un-pixel) .borne.un-pixel ~ header.global.redimensionnable nav.principal a .icone {
		height: 64px;
	}
	body:not(.borne-un-pixel) .borne.un-pixel ~ header.global.redimensionnable nav.principal a {
		max-width: none;
	}
	body:not(.borne-un-pixel) .borne.un-pixel ~ header.global.redimensionnable div.ecran section.site a,
	body:not(.borne-un-pixel) .borne.un-pixel ~ header.global.redimensionnable nav.principal a,
	body:not(.borne-un-pixel) .borne.un-pixel ~ header.global.redimensionnable nav.principal a .icone {
		line-height: 64px;
		border-right: 0;
	}
	body:not(.borne-un-pixel) .borne.un-pixel ~ header.global.redimensionnable nav.principal a .icone {
		width: 64px;
	}
	body:not(.borne-un-pixel) .borne.un-pixel ~ header.global.redimensionnable div.ecran section.site a {
		font-size: 1.45rem;
	}
	body:not(.borne-un-pixel) .borne.un-pixel ~ header.global.redimensionnable nav.principal a {
		font-size: 1.3rem;
	}
	body:not(.borne-un-pixel) .borne.un-pixel ~ header.global.redimensionnable div.ecran section.site a {
		xpadding: 0 18px;
	}
	body:not(.borne-un-pixel) .borne.un-pixel ~ header.global.redimensionnable nav.principal a span.description {
		xpadding-right: 18px;
	}
	.borne.un-pixel ~ header.global.redimensionnable ~ * section.corps {
		margin-top: 14px;
	}
}

/* Corps */

header.global:not(.reduit) ~ section.principal {
	padding-top: 50px;
}
@media print {
	header.global:not(.reduit) ~ section.principal {
		padding-top: 0;
	}
}

/* Messages */

section.messages {
	position: relative;
	z-index: 2;
	color: #111;
	padding: 10px 0;
	box-shadow: 0 2px 5px rgba(0,0,0,.3); -moz-box-shadow: 0 2px 5px rgba(0,0,0,.3); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.3); -o-box-shadow: 0 2px 5px rgba(0,0,0,.3);
	margin-top: 6px;
}
.col section.messages:not(.col):not(.cols), .cols section.messages:not(.col):not(.cols) {
	margin-right: 20px;
}
.col.marge-d section.messages:not(.col):not(.cols), .cols.marge-d section.messages:not(.col):not(.cols),
.col.marge section.messages:not(.col):not(.cols), .cols.marge section.messages:not(.col):not(.cols) {
	margin-right: 0;
}
section.remarquables section.messages {
	padding: 0;
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none;
}
section.remarquables section.messages div.notice,
.o-appli-actif div.remarquable.notice {
	color: #000;
	background: #F2EA77;
}
section.messages.avertissements,
section.remarquables section.messages div.avertissement,
.o-appli-actif div.remarquable.avertissement {
	color: #000;
	background: #fd6;
}
section.messages.erreurs,
section.remarquables section.messages div.erreur,
.o-appli-actif div.remarquable.erreur {
	color: #fff;
	font-weight: bold;
	background: #f66;
}
section.messages ul {
	margin: 0;
	padding: 0;
}
section.messages.avertissements li:before,
section.remarquables section.messages div.avertissement:before,
section.messages.erreurs li:before,
section.remarquables section.messages div.erreur:before,
.o-appli-actif div.remarquable.avertissement:before,
.o-appli-actif div.remarquable.erreur:before {
	font-family: 'font awesome 6 pro';
	font-weight: 900;
	content: "\f06a";
	display: inline-block;
	position: relative;
	top: 1px;
	font-size: 1.2em;
	width: 1.2em;
	text-align: center;
	margin-right: 6px;
}
section.messages li {
	list-style: none;
	margin: 0;
	padding: 0 24px;
}
section.messages li + li {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1.2px solid rgba(0,0,0,.2);
}

/* Remarquables */

section.remarquables section.messages {
	position: static;
}
section.remarquables section.messages div,
.o-appli-actif div.remarquable {
	position: fixed;
	z-index: 2000;
	xtop: -300px;
	xright: -300px;
	padding: 10px 12px;
	box-shadow: 0 2px 5px rgba(0,0,0,.3); -moz-box-shadow: 0 2px 5px rgba(0,0,0,.3); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.3); -o-box-shadow: 0 2px 5px rgba(0,0,0,.3);
	max-width: 240px;
	transition: all cubic-bezier(0.83, 0, 0.17, 1) .4s; -moz-transition: all cubic-bezier(0.83, 0, 0.17, 1) .4s; -webkit-transition: all cubic-bezier(0.83, 0, 0.17, 1) .4s; -o-transition: all cubic-bezier(0.83, 0, 0.17, 1) .4s;
	font-size: 1.125rem;
	visibility: hidden;
	opacity: 0;
}
section.remarquables section.messages div.actif,
.o-appli-actif div.remarquable.actif {
	visibility: visible;
	opacity: 1;
	top: 54px;
	right: 4px;
}

/* Titre principal */

header.general,
header.special {
	margin: 0 0 20px 0;
	width: calc(100% - 20px);
	padding-right: 0 !important;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	border-bottom: 2px solid rgba(0,0,0,.2);
}
header.general:after,
header.special:after {
	display: block;
	position: static;
	content: ' ';
	height: 0;
	clear: both;
}
header.general a,
header.special a {
	color: #111;
}
header.general a[href]:hover, header.general a[href]:focus,
header.special a[href]:hover , header.special a[href]:focus {
	color: #6c7f9d;
	text-decoration: none;
}

header.general nav.entete,
header.special nav.entete {
	xposition: relative;
	xz-index: 1;
	float: right;
	margin-top: .4rem;
}
header.general nav.entete > a,
header.special nav.entete > a {
	float: left;
	position: relative;
	display: block;
	height: 3.2rem;
	line-height: 3.2rem;
	width: 3.2rem;
	font-size: 1.4rem;
	text-align: center;
	color: #999;
}
header.general nav.entete > a[href],
header.special nav.entete > a[href] {
	color: #6c7f9d;
}
header.general nav.entete > a[href]:hover, header.general nav.entete > a[href]:focus,
header.special nav.entete > a[href]:hover , header.special nav.entete > a[href]:focus {
	background-size: 4px 4px;
	background-image: repeating-linear-gradient(-45deg, #6c7f9d 0, #6c7f9d 0.4px, rgb(0,0,0,0) 0, rgb(0,0,0,0) 50%);
}
header.general nav.entete > a.alerte:after,
header.special nav.entete > a.alerte:after {
	position: absolute;
	display: block;
	content: ' ';
	top: 8px;
	left: 8px;
	background: #f63;
	height: 8px;
	width: 8px;
	border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px;
}

header.general hgroup,
header.special hgroup {
	margin: 0;
	font-family: instrument-sans, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif;
}
header.general hgroup div.avatar,
header.special hgroup div.avatar {
	float: left;
	width: 4rem;
	padding: .2rem 0;
}
header.general hgroup div.avatar img,
header.special hgroup div.avatar img {
	width: 3.6rem;
	border-radius: 3.6rem; -moz-border-radius: 3.6rem; -webkit-border-radius: 3.6rem; -o-border-radius: 3.6rem;
}
header.general hgroup nav.miettes,
header.special hgroup nav.miettes {
	float: left;
	margin-right: 24px;
}
header.general hgroup nav.miettes a,
header.special hgroup nav.miettes a {
	display: block;
	float: left;
	height: 4rem;
	line-height: 4rem;
	padding: 0 12px;
	font-size: 1.125rem;
	border-right: 2px solid rgba(0,0,0,.2);
}
header.general hgroup nav.miettes a .icone,
header.special hgroup nav.miettes a .icone {
	margin-right: 6px;
}
header.general hgroup nav.miettes a:after,
header.special hgroup nav.miettes a:after {
	font-family: 'font awesome 6 pro';
	font-weight: 300;
	content: "\f061";
	vertical-align: baseline;
	line-height: 1em;
	opacity: 1;
	margin-left: 6px;
	font-style: normal;
}
header.general hgroup h1,
header.special hgroup h1 {
	float: left;
	min-height: 4rem;
	line-height: 4rem;
	font-size: 1.3rem;
	margin: 0;
}
header.general hgroup h2,
header.special hgroup h2 {
	float: left;
	min-height: 4rem;
	line-height: 4rem;
	font-size: 1.125rem;
	font-weight: normal;
	margin: 0;
	margin-left: 24px;
}
header.general hgroup h2.sur-titre,
header.special hgroup h2.sur-titre {
	margin: 0 0 12px 0;
}

/* Onglets */

.col nav.onglets:not(.col):not(.cols), .cols nav.onglets:not(.col):not(.cols) {
	margin-right: 20px;
}
.col.marge-d nav.onglets:not(.col):not(.cols), .cols.marge-d nav.onglets:not(.col):not(.cols),
.col.marge nav.onglets:not(.col):not(.cols), .cols.marge nav.onglets:not(.col):not(.cols) {
	margin-right: 0;
}
nav.onglets {
	padding: 0 0 6px 0;
	white-space: nowrap;
	overflow: visible;
	text-align: left;
	display: flex;
	flex-direction: row;
	flex-flow: wrap;
}
nav.onglets + nav.onglets {
	margin-top: 12px;
}
nav.onglets.centre {
	text-align: center;
}
nav.onglets section {
	display: inline-block;
	margin-top: 0;
}
nav.onglets section + section {
	margin-left: 20px;
}
nav.onglets > menu {
	margin: 0;
	padding: 0;
}
nav.onglets:after {
	position: static;
	display: block;
	content: ' ';
	height: 0;
	clear: left;
}
nav.onglets > menu > li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
nav.onglets > a,
nav.onglets > span.pseudo {
	display: inline-block;
}
nav.onglets > a,
nav.onglets > span.pseudo,
nav.onglets > menu > li > a,
nav.onglets > menu > li > span.pseudo {
	display: inline-block;
	white-space: nowrap;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	cursor: pointer;
	position: relative;
	font-size: 1.125rem;
	height: 40px;
	line-height: 40px;
	padding: 0 12px;
	color: #111;
	text-decoration: none;
	text-shadow: none;
	border-right: 2.4px solid rgba(0,0,0,.1);
	vertical-align: top;
	overflow: hidden;
}
nav.onglets > a:first-child,
nav.onglets > span.pseudo:first-child,
nav.onglets > menu > li:first-child > a,
nav.onglets > menu > li:first-child > span.pseudo {
	border-left: 2.4px solid rgba(0,0,0,.1);
}
nav.onglets > a.retour,
nav.onglets > a.sortie,
nav.onglets > menu > li > a.retour,
nav.onglets > menu > li > a.sortie {
	color: #6c7f9d;
}
nav.onglets > a.retour[href]:hover, nav.onglets > a.retour[href]:focus,
nav.onglets > a.sortie[href]:hover, nav.onglets > a.sortie[href]:focus,
nav.onglets > menu > li > a.retour[href]:hover, nav.onglets > menu > li > a.retour[href]:focus,
nav.onglets > menu > li > a.sortie[href]:hover , nav.onglets > menu > li > a.sortie[href]:focus {
	text-decoration: underline !important;
}
nav.onglets > span.pseudo,
nav.onglets > a.desactive,
nav.onglets > a.lien-inaccessible,
nav.onglets > menu > li > span.pseudo,
nav.onglets > menu > li > a.desactive,
nav.onglets > menu > li > a.lien-inaccessible {
	color: #999;
	cursor: default;
}
nav.onglets > a.vide,
nav.onglets > menu > li > a.vide {
	color: #999;
}
nav.onglets > a[href]:hover, nav.onglets > a[href]:focus,
section.corps nav.onglets > a.derouleur.interrupteur-actif,
nav.onglets > menu > li > a[href]:hover, section.corps nav.onglets > a.derouleur.interrupteur-actif,
nav.onglets > menu > li > a[href]:focus,
nav.onglets > menu > li > a.derouleur.interrupteur-actif {
	text-decoration: none;
	box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; -o-box-shadow: none !important;
}
nav.onglets > a[href]:hover:not(.retour):not(.sortie):not(.ici):not(.interrupteur-actif), nav.onglets > a[href]:focus:not(.retour):not(.sortie):not(.ici):not(.interrupteur-actif),
section.corps nav.onglets > a.derouleur.interrupteur-actif:not(.ici),
nav.onglets > menu > li > a[href]:hover:not(.retour):not(.sortie):not(.ici):not(.interrupteur-actif), section.corps nav.onglets > a.derouleur.interrupteur-actif:not(.ici),
nav.onglets > menu > li > a[href]:focus:not(.retour):not(.sortie):not(.ici):not(.interrupteur-actif),
nav.onglets > menu > li > a.derouleur.interrupteur-actif:not(.ici) {
	color: #111;
	background-size: 4px 4px;
	background-image: repeating-linear-gradient(-45deg, #6c7f9d 0, #6c7f9d 0.4px, rgb(0,0,0,0) 0, rgb(0,0,0,0) 50%);
}
@media print {
	section.corps nav.onglets > a.derouleur.interrupteur-actif:not(.ici),
	nav.onglets > menu > li > a.derouleur.interrupteur-actif:not(.ici) {
		background-image: none;
	}
}
section.corps nav.onglets > a.derouleur.interrupteur-actif.ici,
nav.onglets > menu > li > a.derouleur.interrupteur-actif.ici {
	background: #6c7f9d !important;
}
nav.onglets > a .num,
nav.onglets > menu > li > a .num {
	position: inline-block;
	margin-left: 4px;
	background: rgba(0,0,0,.1);
	padding: 0 6px;
	border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; -o-border-radius: 12px;
	font-size: .8em;
	font-feature-settings: 'pnum', 'lnum';
	-webkit-font-feature-settings: 'pnum', 'lnum';
	-moz-font-feature-settings: 'pnum', 'lnum';
	-moz-font-feature-settings: 'pnum=1,lnum=1';
}
nav.onglets > a.alerte:after,
nav.onglets > menu > li > a.alerte:after {
	position: absolute;
	display: block;
	content: ' ';
	top: 6px;
	left: 10px;
	width: 8px;
	height: 8px;
	background: #f63;
	border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px;
}
nav.onglets > a.ici,
nav.onglets > menu > li > a.ici {
	position: relative;
	color: #F2EEB6;
	background: #6c7f9d;
	border-right-color: #6c7f9d;
	border-left: 2.4px solid #6c7f9d;
}
nav.onglets > a:has(+ a.ici),
nav.onglets > menu > li:has(+ li > a.ici) > a {
	border-right: none;
}
nav.onglets > a.accueil,
nav.onglets > menu > li > a.accueil {
	background: none;
	line-height: 32px;
	color: #535922;
	border: 2.4px solid #535922;
}
nav.onglets > a .icone:not(.icone-plus):not(.fa-caret-down),
nav.onglets > menu > li > a .icone:not(.icone-plus):not(.fa-caret-down) {
	margin-right: 6px;
}
nav.onglets > a .icone-plus,
nav.onglets > a .fa-caret-down,
nav.onglets > menu > li > a .icone-plus,
nav.onglets > menu > li > a .fa-caret-down {
	margin-left: 6px;
}

/* Plateforme */

nav.plateforme {
	position: relative;
}
.long-texte + nav.plateforme {
	margin-top: 20px;
}
nav.plateforme:after {
	position: static;
	display: block;
	content: ' ';
	height: 0;
	clear: both;
}
.col nav.plateforme:not(.col):not(.cols), .cols nav.plateforme:not(.col):not(.cols) {
	margin-right: 20px;
}
.col.marge-d nav.plateforme:not(.col):not(.cols), .cols.marge-d nav.plateforme:not(.col):not(.cols),
.col.marge nav.plateforme:not(.col):not(.cols), .cols.marge nav.plateforme:not(.col):not(.cols) {
	margin-right: 0;
}
nav.plateforme h1 {
	margin: 0;
	font-size: 1.125rem;
	color: #535922;
	float: left;
	padding: 0 10px 0 0;
}
nav.plateforme h1 a {
	color: #535922;
}
nav.plateforme a .icone {
	margin-right: 6px;
}
nav.plateforme > a {
	float: left;
	font-size: 1.125rem;
	display: block;
	padding: 0 12px 0 0;
}
nav.plateforme > * + a {
	border-left: 1.2px solid #535922;
	padding-left: 12px;
}

/* Recherche */

nav.recherche,
search.recherche {
	border: 1px solid rgba(0,0,0,.2);
	position: relative;
}
.col nav.recherche:not(.col):not(.cols),
.cols nav.recherche:not(.col):not(.cols),
.col search.recherche:not(.col):not(.cols),
.cols search.recherche:not(.col):not(.cols) {
	margin-right: 20px;
}
.col.marge-d nav.recherche:not(.col):not(.cols),
.cols.marge-d nav.recherche:not(.col):not(.cols),
.col.marge nav.recherche:not(.col):not(.cols),
.cols.marge nav.recherche:not(.col):not(.cols),
.col.marge-d search.recherche:not(.col):not(.cols),
.cols.marge-d search.recherche:not(.col):not(.cols),
.col.marge search.recherche:not(.col):not(.cols),
.cols.marge search.recherche:not(.col):not(.cols) {
	margin-right: 0;
}
nav.recherche input,
search.recherche input {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	width: 100%;
	height: 34px;
	border: 0;
	padding: 0 6px 0 34px;
	font-size: 1.125rem;
}
nav.recherche button,
search.recherche button {
	position: absolute;
	top: 0;
	left: 0;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	background: 0;
	border: 0;
	font-size: 1.125rem;
	color: #111;
}
nav.recherche a.effacer,
search.recherche a.effacer {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 34px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	font-size: 1.125rem;
	color: #111;
}
nav.recherche.special,
search.recherche.special {
	background: 0;
	padding: 6px 0;
}
nav.recherche.special input,
search.recherche.special input {
	border: 2.4px solid rgba(0,0,0,.2);
	font-size: 1.3rem;
	height: 52px;
	padding-left: 52px;
}
nav.recherche.special button,
nav.recherche.special a.effacer,
search.recherche.special button,
search.recherche.special a.effacer {
	font-size: 1.3rem;
	width: 52px;
	height: 52px;
	line-height: 52px;
}

/* Recherche avancée */

search.recherche-avancee {
	border-bottom: 1px solid rgba(0,0,0,.2);
	padding-bottom: 6px;
}
search.recherche-avancee:after {
	position: static;
	display: block;
	content: ' ';
	height: 0;
	clear: left;
}
search.recherche-avancee + nav.filtres,
search.recherche-avancee + search.filtres {
	margin-top: 12px;
}
search.recherche-avancee h1 {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 1.125rem;
	height: 30px;
	line-height: 30px;
}
search.recherche-avancee menu.util {
	float: left;
	display: block;
	margin: 0 0 0 6px;
	padding: 0;
}
search.recherche-avancee menu.util li {
	float: left;
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 1.125rem;
}
search.recherche-avancee menu.util a {
	display: block;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
}
search.recherche-avancee h1 .icone {
	font-weight: bold;
	margin-right: 6px;
}
search.recherche-avancee dl {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}
search.recherche-avancee dt {
	float: left;
	display: block;
	margin-left: 12px;
	height: 30px;
	line-height: 30px;
	font-size: 0.825rem;
	font-weight: bold;
	color: #535922;
}
search.recherche-avancee dd {
	float: left;
	display: block;
	margin-left: 12px;
}
search.recherche-avancee dd a {
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 1.125rem;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	padding: 0 0 0 6px;
	background: rgba(0,0,0,.1);
	color: #111;
}
search.recherche-avancee dd a .icone {
	display: inline-block;
	font-size: 0.975rem;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	color: #6c7f9d;
}
search.recherche-avancee b {
	font-size: 0.825rem;
}
search.recherche-avancee a:hover , search.recherche-avancee a:focus {
	text-decoration: none;
	background-size: 4px 4px;
	background-image: repeating-linear-gradient(-45deg, #6c7f9d 0, #6c7f9d 0.4px, rgb(0,0,0,0) 0, rgb(0,0,0,0) 50%);
}

/* Filtres */

.col nav.filtres.horizontal:not(.col):not(.cols),
.cols nav.filtres.horizontal:not(.col):not(.cols),
.col search.filtres.horizontal:not(.col):not(.cols),
.cols search.filtres.horizontal:not(.col):not(.cols) {
	margin-right: 20px;
}
.col.marge-d nav.filtres.horizontal:not(.col):not(.cols),
.cols.marge-d nav.filtres.horizontal:not(.col):not(.cols),
.col.marge search.filtres.horizontal:not(.col):not(.cols),
.cols.marge search.filtres.horizontal:not(.col):not(.cols) {
	margin-right: 0;
}
nav.filtres.horizontal + section.zone,
nav.filtres.horizontal + .col,
nav.filtres.horizontal + .cols,
section.zone + nav.filtres.horizontal,
search.filtres.horizontal + section.zone,
search.filtres.horizontal + .col,
search.filtres.horizontal + .cols,
section.zone + search.filtres.horizontal {
	margin-top: 20px;
}
nav.recherche + nav.filtres.horizontal,
search.recherche + nav.filtres.horizontal,
nav.filtres.horizontal + nav.filtres.horizontal,
nav.recherche + search.filtres.horizontal,
search.recherche + search.filtres.horizontal,
search.filtres.horizontal + search.filtres.horizontal {
	border-top: 0;
	border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0;
	margin-top: 6px;
}
nav.filtres.horizontal:after,
search.filtres.horizontal:after {
	position: static;
	display: block;
	content: ' ';
	clear: left;
	height: 0;
	width: 0;
}
nav.filtres.horizontal nav.filtre,
search.filtres.horizontal nav.filtre {
	float: left;
}
nav.filtres.horizontal nav.filtre:not(.style-multiple),
search.filtres.horizontal nav.filtre:not(.style-multiple) {
	margin-right: 12px;
}
nav.filtre + nav.filtre {
	margin-top: 12px;
}
nav.filtres.horizontal nav.filtre + nav.filtre,
search.filtres.horizontal nav.filtre + nav.filtre {
	margin-top: 0;
}
nav.filtre h1 {
	color: #000000;
	font-size: 1.125rem;
	margin: 0 0 6px 0;
}
nav.filtres.horizontal nav.filtre h1,
search.filtres.horizontal nav.filtre h1 {
	padding: 0;
	line-height: 30px;
	margin: 0 0 6px 0;
	display: inline-block;
}
nav.filtre h1 a.interrupteur {
	color: #6c7f9d;
}
nav.filtre h1 a.interrupteur.interrupteur-actif {
	color: #000000;
}
nav.filtre h1 > .icone,
nav.filtre h1 a.interrupteur .icone {
	margin-right: 6px;
}
nav.filtre h1 a.interrupteur.interrupteur-actif .icone {
	transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg);
	transform-origin: 50% 50%;
}
nav.filtre ul,
nav.filtre menu {
	margin: 0;
	padding: 0;
	display: inline;
}
nav.filtre ul.optionnel,
nav.filtre menu.optionnel {
	display: none;
}
nav.filtre ul.optionnel.actif,
nav.filtre menu.optionnel.actif {
	display: inline;
}
nav.filtre ul:after,
nav.filtre menu:after {
	position: static;
	display: block;
	content: ' ';
	height: 0;
	clear: left;
}
nav.filtre h1 + ul,
nav.filtre ul:first-child,
nav.filtre h1 + menu,
nav.filtre menu:first-child {
	margin-top: 6px;
}
nav.filtres.horizontal nav.filtre h1 + ul,
nav.filtres.horizontal nav.filtre h1 + menu,
search.filtres.horizontal nav.filtre h1 + ul,
search.filtres.horizontal nav.filtre h1 + menu {
	margin-top: 0;
	margin-left: 6px;
}
nav.filtre ul + ul,
nav.filtre ul + h1,
nav.filtre menu + menu,
nav.filtre menu + h1 {
	clear: left;
	margin-top: 6px;
}
nav.filtre li {
	display: inline-block;
	margin: 0 6px 6px 0;
	padding: 0;
	font-size: 1em;
}
nav.filtre:not(.style-multiple) li {
	margin-right: 1px;
}
nav.filtre li a {
	display: block;
	vertical-align: top;
	padding: 0 12px;
	height: 32px;
	line-height: 32px;
	color: #111;
	font-size: 1.125rem;
	background: rgba(0,0,0,.05);
}
nav.filtre li a[href]:hover , nav.filtre li a[href]:focus {
	background-size: 4px 4px;
	background-image: repeating-linear-gradient(-45deg, #6c7f9d 0, #6c7f9d 0.4px, rgb(0,0,0,0) 0, rgb(0,0,0,0) 50%);
	text-decoration: none;
}
nav.filtre li a.ici,
nav.filtre li a.ici[href]:hover , nav.filtre li a.ici,
nav.filtre li a.ici[href]:focus {
	color: #F2EEB6;
	background: #6c7f9d;
}
nav.filtre li a .icone:not(.seul) {
	margin-right: 6px;
}
nav.filtre li a .icone.nav-derouler {
	margin-right: 0;
	margin-left: 6px;
}
nav.filtre li a .icone.nav-retirer {
	margin-right: 0;
	margin-left: 6px;
	font-size: .8em;
	vertical-align: top;
	position: relative;
	top: 0.7em;
	display: none;
}
nav.filtre li a.ici:not(.interrupteur) .icone.nav-retirer {
	display: inline-block;
}
nav.filtre li a.interrupteur,
nav.filtre li a.derouleur {
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none;
	width: 2em;
	padding: 0;
	text-align: center;
}
nav.filtre li a.interrupteur .icone,
nav.filtre li a.derouleur .icone {
	margin-right: 0;
}

/* Étapes */

nav.etapes {
}
h1.section + nav.etapes,
h2.section + nav.etapes,
summary + nav.etapes {
	margin-top: 20px;
}
nav.etapes + section.zone,
nav.etapes + .cols,
nav.etapes + form {
	margin-top: 20px;
}
nav.etapes .etape {
	display: inline-block;
	margin-right: 24px;
	margin-bottom: 12px;
}
nav.etapes .etape + .etape.ici:before {
	color: #111;
}
nav.etapes .etape + a.etape:before {
	color: #535922;
}
nav.etapes .etape span.num {
	display: inline-block;
	height: 72px;
	width: 72px;
	line-height: 72px;
	border-radius: 72px; -moz-border-radius: 72px; -webkit-border-radius: 72px; -o-border-radius: 72px;
	font-size: 2.9rem;
	color: #999;
	border: 2.4px solid #999;
	text-align: center;
	vertical-align: middle;
	font-feature-settings: 'pnum', 'lnum';
	-webkit-font-feature-settings: 'pnum', 'lnum';
	-moz-font-feature-settings: 'pnum', 'lnum';
	-moz-font-feature-settings: 'pnum=1,lnum=1';
}
nav.etapes .etape span.desc {
	display: inline-block;
	height: 34px;
	line-height: 34px;
	margin-left: 8px;
	border-top: 2.4px solid transparent;
	border-bottom: 2.4px solid transparent;
	font-size: 1.45rem;
	color: #999;
	vertical-align: middle;
}
nav.etapes .etape.ici span.num {
	border-color: #6c7f9d;
	color: #F2EEB6;
	background: #6c7f9d;
}
nav.etapes .etape.ici span.desc {
	color: #6c7f9d;
	font-weight: bold;
	border-bottom-color: #6c7f9d;
}
nav.etapes a.etape span.num,
nav.etapes a.etape.ici span.num {
	border-color: #535922;
	color: #535922;
}
nav.etapes a.etape span.desc,
nav.etapes a.etape.ici span.desc {
	color: #535922;
}
nav.etapes a.etape[href]:hover span.num , nav.etapes a.etape[href]:focus span.num {
	background-size: 4px 4px;
	background-image: repeating-linear-gradient(-45deg, #6c7f9d 0, #6c7f9d 0.4px, rgb(0,0,0,0) 0, rgb(0,0,0,0) 50%);
}
nav.etapes a.etape[href]:hover span.desc , nav.etapes a.etape[href]:focus span.desc {
	border-bottom-color: #535922;
}

@media only screen and (max-width: 683px) {
	nav.etapes .etape {
		margin-right: 12px;
	}
	nav.etapes .etape:last-of-type {
		margin-right: 0;
	}
	nav.etapes .etape span.num {
		height: 32px;
		width: 32px;
		line-height: 32px;
		border-radius: 32px; -moz-border-radius: 32px; -webkit-border-radius: 32px; -o-border-radius: 32px;
		font-size: 1.3rem;
	}
	nav.etapes .etape span.desc {
		font-size: 1.125rem;
	}
	
}

/* Multipage */

.col nav.multipage:not(.col):not(.cols),
.cols nav.multipage:not(.col):not(.cols),
.col search.multipage:not(.col):not(.cols),
.cols search.multipage:not(.col):not(.cols) {
	margin-right: 20px;
}
.col.marge-d nav.multipage:not(.col):not(.cols),
.cols.marge-d nav.multipage:not(.col):not(.cols),
.col.marge nav.multipage:not(.col):not(.cols),
.cols.marge nav.multipage:not(.col):not(.cols),
.col.marge-d search.multipage:not(.col):not(.cols),
.cols.marge-d search.multipage:not(.col):not(.cols),
.col.marge search.multipage:not(.col):not(.cols),
.cols.marge search.multipage:not(.col):not(.cols) {
	margin-right: 0;
}
nav.multipage,
search.multipage {
	position: relative;
	clear: both;
	margin: 0;
	background: none;
	xtext-align: center;
	font-feature-settings: 'pnum', 'lnum';
	-webkit-font-feature-settings: 'pnum', 'lnum';
	-moz-font-feature-settings: 'pnum', 'lnum';
	-moz-font-feature-settings: 'pnum=1,lnum=1';
	display: none;
}
nav.multipage.actif,
search.multipage.actif {
	display: block;
}
nav.multipage.avec-decompte,
search.multipage.avec-decompte {
}
nav.recherche + nav.multipage,
nav.recherche + search.multipage,
search.recherche + nav.multipage,
search.recherche + search.multipage {
	margin-top: 6px;
}
nav.multipage + section.zone,
nav.multipage + .col,
nav.multipage + .cols,
section.zone + nav.multipage,
search.multipage + section.zone,
search.multipage + .col,
search.multipage + .cols,
section.zone + search.multipage {
	margin-top: 20px;
}
h1 + nav.multipage,
h1 + search.multipage {
	margin-top: 20px;
}
nav.multipage a,
nav.multipage span.pseudo,
nav.multipage span.decompte,
search.multipage a,
search.multipage span.pseudo,
search.multipage span.decompte {
	height: 32px;
	text-align: center;
	line-height: 32px;
	min-width: 32px;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	display: inline-block;
	font-weight: bold;
	font-size: 1.125rem;
}
nav.multipage a,
nav.multipage span.pseudo,
search.multipage a,
search.multipage span.pseudo {
	padding: 0 3px;
}
nav.multipage span.decompte,
search.multipage span.decompte {
	padding: 0;
}
nav.multipage.page-unique a,
search.multipage.page-unique a {
	display: none;
}
nav.multipage.long a,
search.multipage.long a {
	padding: 0 8px;
}
nav.multipage.long .icone,
search.multipage.long .icone {
	margin-right: 6px;
}
nav.multipage.petit a,
search.multipage.petit a {
	font-size: 0.975rem;
}
nav.multipage a,
search.multipage a {
	color: #111;
	text-decoration: none;
}
nav.multipage a[href]:hover, nav.multipage a[href]:focus,
search.multipage a[href]:hover , search.multipage a[href]:focus {
	text-decoration: none;
	background-size: 4px 4px;
	background-image: repeating-linear-gradient(-45deg, #6c7f9d 0, #6c7f9d 0.4px, rgb(0,0,0,0) 0, rgb(0,0,0,0) 50%);
}
nav.multipage a[href].ici,
search.multipage a[href].ici {
	background: #6c7f9d;
	color: #F2EEB6;
}
nav.multipage a:not([href]),
nav.multipage span.pseudo,
search.multipage a:not([href]),
search.multipage span.pseudo {
	opacity: .3;
}
nav.multipage span.decompte,
search.multipage span.decompte {
	font-size: 1.125rem;
	font-weight: normal;
	color: #999;
	float: left;
	height: 32px;
	line-height: 32px;
	margin-right: 16px;
}
nav.multipage:after,
search.multipage:after {
	display: block;
	content: ' ';
	height: 0;
	clear: left;
}

@media only screen and (max-width: 683px) {
	nav.multipage span.decompte,
	search.multipage span.decompte {
		float: none;
		display: block;
		padding: 0;
		margin: 0 0 0 4px;
		font-size: 0.825rem;
		height: 24px;
		line-height: 24px;
	}
}

/* Suivi progression */

.suivi-progression progress,
.suivi-progression .barre {
	width: 100%;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	border: 1.2px solid rgba(0,0,0,.2);
	padding: 4px;
	box-shadow: inset 0 1px 3px rgba(0,0,0,.1), inset 0 4px 20px rgba(0,0,0,.1); -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), inset 0 4px 20px rgba(0,0,0,.1); -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), inset 0 4px 20px rgba(0,0,0,.1); -o-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), inset 0 4px 20px rgba(0,0,0,.1);
	height: 46px;
}
.suivi-progression progress::-moz-progress-bar,
.suivi-progression progress::-webkit-progress-value,
.suivi-progression .barre .compteur {
	box-shadow: 0 1px 3px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); -o-box-shadow: 0 1px 3px rgba(0,0,0,.1);
	height: 36px;
	background: #000000;
	color: #F2EEB6;
	font-size: 1.125rem;
	font-weight: bold;
	line-height: 36px;
	overflow: hidden;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	white-space: nowrap;
	text-align: center;
	transition: all linear 1s; -moz-transition: all linear 1s; -webkit-transition: all linear 1s; -o-transition: all linear 1s;
}
.suivi-progression .pendant-progression,
.suivi-progression .apres-progression {
	display: none;
}
.suivi-progression .pendant-progression.actif,
.suivi-progression .apres-progression.actif {
	display: block;
}

/* Util */

nav.util {
	display: inline-block;
	font-size: 1.125rem;
	white-space: nowrap;
}
summary + nav.util {
}
nav.util > a {
	display: inline-block;
	color: #999;
	height: 2.2rem;
	line-height: 2.2rem;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
}
nav.util > a:not(.avec-description) {
	width: 2.2rem;
	text-align: center;
}
nav.util > a:not(.avec-description) .icone {
	width: 2.2rem;
	text-align: center;
	margin-right: 0;
}
nav.util > a.avec-description {
	padding-right: .4rem;
}
nav.util > a.avec-description .icone {
	width: 2.2rem;
	text-align: center;
}
nav.util > a[href] {
	color: #6c7f9d;
}
nav.util > a[href]:hover , nav.util > a[href]:focus {
	background-size: 4px 4px;
	background-image: repeating-linear-gradient(-45deg, #6c7f9d 0, #6c7f9d 0.4px, rgb(0,0,0,0) 0, rgb(0,0,0,0) 50%);
	text-decoration: none;
}
nav.util > a[href].interrupteur-actif {
	background-size: 4px 4px;
	background-image: repeating-linear-gradient(-45deg, #6c7f9d 0, #6c7f9d 0.4px, rgb(0,0,0,0) 0, rgb(0,0,0,0) 50%);
}
@media print {
	nav.util > a[href].interrupteur-actif {
		background-image: none;
	}
}
nav.util > a.bascule .icone,
nav.util > a[href].interrupteur-actif .icone {
	font-weight: bold;
}
nav.util > a.vide {
	color: #999;
}

/* Mini-nav */

section + nav.mini {
	margin-top: 12px;
}
nav.mini {
	display: inline-block;
	font-size: 0.975rem;
	white-space: nowrap;
}
nav.mini a {
	position: relative;
	display: inline-block;
	color: #111;
	padding: 0 4px;
}
nav.mini a[href]:hover , nav.mini a[href]:focus {
	color: #111;
	text-decoration: none;
	background: #F2EA77;
}
nav.mini a.special {
	font-weight: bold;
}
nav.mini a.bouton {
	color: #F2EEB6;
	background: #6c7f9d;
	padding: 2px 12px;
	border-bottom: 2.4px solid rgba(0,0,0,.2);
}
nav.mini a.bouton[href]:hover , nav.mini a.bouton[href]:focus {
	text-decoration: none;
	color: #F2EEB6;
	background: #6c7f9d;
}
nav.mini a + a,
section footer > nav section.mini a + a {
	margin-left: 4px;
}
nav.mini .icone,
section footer > nav section.mini .icone {
	font-size: 1em;
	margin-right: 4px;
}

/* Menu / Deroulable */

a.derouleur {
	box-decoration-break: clone;
}
a.derouleur.interrupteur-actif {
	background: rgba(0,0,0,.2) !important;
}

nav.menu {
	position: relative;
	text-align: left;
	padding: 6px 0;
	border: 1.2px solid rgba(0,0,0,.2);
}
nav.contexte {
	position: relative;
	text-align: left;
	padding: 6px 0;
	border: 1.2px solid rgba(0,0,0,.2);
}
nav.deroulable {
	visibility: hidden;
	text-align: left;
	opacity: 0;
	position: fixed;
	padding: 6px 0;
	z-index: 600;
	background: #F2EEB6;
	box-shadow: 0 1px 3px rgba(0,0,0,.2), 0 2px 8px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2), 0 2px 8px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2), 0 2px 8px rgba(0,0,0,.2); -o-box-shadow: 0 1px 3px rgba(0,0,0,.2), 0 2px 8px rgba(0,0,0,.2);
	transition: opacity cubic-bezier(0.83, 0, 0.17, 1) .3s; -moz-transition: opacity cubic-bezier(0.83, 0, 0.17, 1) .3s; -webkit-transition: opacity cubic-bezier(0.83, 0, 0.17, 1) .3s; -o-transition: opacity cubic-bezier(0.83, 0, 0.17, 1) .3s;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
}
nav.deroulable * {
	opacity: 0;
	transition: opacity cubic-bezier(0.83, 0, 0.17, 1) .1s; -moz-transition: opacity cubic-bezier(0.83, 0, 0.17, 1) .1s; -webkit-transition: opacity cubic-bezier(0.83, 0, 0.17, 1) .1s; -o-transition: opacity cubic-bezier(0.83, 0, 0.17, 1) .1s;
}
nav.deroulable.actif * {
	opacity: 1;
}
nav.menu canvas,
nav.deroulable canvas {
	display: none;
}
nav.deroulable[data-alignement="gauche"],
nav.deroulable[derouleur-alignement=gauche] {
}
nav.deroulable.actif {
	visibility: visible;
	opacity: 1;

  -webkit-animation-name: deroulableIn;
  animation-name: deroulableIn;
  -webkit-animation-duration: .15s;
          animation-duration: .15s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@-webkit-keyframes deroulableIn {
  0% {
    opacity: 0;
    transform-origin: 50% 0;
    transform: scale(1, 0); -moz-transform: scale(1, 0); -webkit-transform: scale(1, 0); -o-transform: scale(1, 0);
    -webkit-filter: blur(4px);
            filter: blur(4px);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 0;
    transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
}
@-webkit-keyframes deroulableOut {
  0% {
    opacity: 1;
    transform-origin: 50% 0;
    transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 0;
    transform: scale(1, 0); -moz-transform: scale(1, 0); -webkit-transform: scale(1, 0); -o-transform: scale(1, 0);
    -webkit-filter: blur(2px);
            filter: blur(2px);
  }
}

nav.menu h1,
nav.deroulable h1,
nav.contexte h1 {
	margin: 6px 0;
	padding: 0 12px;
	font-size: 0.825rem;
	font-weight: bold;
	color: #111;
}
nav.menu h1 a,
nav.deroulable h1 a,
nav.contexte h1 a {
	color: #111;
}
nav.menu h1 a:not([href]),
nav.deroulable h1 a:not([href]),
nav.contexte h1 a:not([href]) {
	color: rgba(0,0,0,.4);
}
nav.menu ul + h1,
nav.deroulable ul + h1,
nav.contexte ul + h1,
nav.menu menu + h1,
nav.deroulable menu + h1,
nav.contexte menu + h1 {
	border-top: 1.2px solid rgba(0,0,0,.1);
	padding-top: 12px;
}
nav.menu ul,
nav.deroulable ul,
nav.contexte ul,
nav.menu menu,
nav.deroulable menu,
nav.contexte menu {
	margin: 0;
	padding: 6px 0;
}
nav.menu.grand ul,
nav.deroulable.grand ul,
nav.contexte.grand ul,
nav.menu.grand menu,
nav.deroulable.grand menu,
nav.contexte.grand menu {
	padding: 6px 0;
}
nav.menu ul + ul,
nav.deroulable ul + ul,
nav.menu menu + menu,
nav.deroulable menu + menu {
	border-top: 1.2px solid rgba(0,0,0,.1);
}
nav.deroulable ul + ul,
nav.deroulable menu + menu {
	border-top: 1.2px solid rgba(0,0,0,.2);
}
nav.contexte ul + ul,
nav.contexte ul + h1,
nav.contexte menu + menu,
nav.contexte menu + h1 {
	border-top: 1.2px solid rgba(0,0,0,.1);
	margin-top: 6px;
}
nav.menu li,
nav.deroulable li,
nav.contexte li {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1.125rem;
}
nav.menu form,
nav.deroulable form,
nav.contexte form {
	padding: 3px 15px;
}
nav.menu.grand li,
nav.deroulable.grand li,
nav.contexte.grand li {
	font-size: 1.3rem;
}
nav.menu.petit li,
nav.deroulable.petit li,
nav.contexte.petit li {
	font-size: 0.825rem;
}
nav.menu li a,
nav.deroulable li a,
nav.contexte li a {
	position: relative;
	display: block;
	text-decoration: none;
	color: #111;
	padding: 3px 12px;
	line-height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
}
nav.menu li a:not([href]),
nav.deroulable li a:not([href]),
nav.contexte li a:not([href]),
nav.menu li a[href].vide:not(.ici),
nav.deroulable li a[href].vide:not(.ici),
nav.contexte li a[href].vide:not(.ici) {
	color: rgba(0,0,0,.4);
}
nav.menu:not(.retour-permis) a,
nav.deroulable:not(.retour-permis) a,
nav.contexte:not(.retour-permis) a {
	white-space: nowrap;
}
nav.menu.grand li a,
nav.deroulable.grand li a,
nav.contexte.grand li a {
	padding: 6px 12px;
}
nav.menu.petit li a,
nav.deroulable.petit li a,
nav.contexte.petit li a {
	padding: 2px 12px;
}
nav.menu li a.derouleur {
	position: static;
	display: block;
	font-size: 1em !important;
	line-height: normal !important;
	padding: 3px 12px !important;
}
nav.menu li a.ici,
nav.deroulable li a.ici,
nav.contexte li a.ici,
nav.aussi li a.ici {
	font-weight: bold;
}
nav.contexte li a.ici,
nav.menu li a.ici {
	background-size: 4px 4px;
	background-image: repeating-linear-gradient(-45deg, #6c7f9d 0, #6c7f9d 0.4px, rgb(0,0,0,0) 0, rgb(0,0,0,0) 50%);
}
@media print {
	nav.contexte li a.ici,
	nav.menu li a.ici {
		background-image: none;
	}
}
nav.contexte li a.ici span.compteur {
	background: #6c7f9d;
}
nav.deroulable li a {
	max-width: 220px;
}
nav.menu li a[href]:hover, nav.menu li a[href]:focus,
nav.deroulable li a[href]:hover, nav.deroulable li a[href]:focus,
nav.contexte li a[href]:hover , nav.contexte li a[href]:focus {
	text-decoration: none;
	xbackground: #F2EA77;
	background-size: 4px 4px;
	background-image: repeating-linear-gradient(-45deg, #6c7f9d 0, #6c7f9d 0.4px, rgb(0,0,0,0) 0, rgb(0,0,0,0) 50%);
}
nav.menu h1 .icone,
nav.deroulable h1 .icone,
nav.contexte h1 .icone {
	font-weight: bold;
}
nav.menu h1 .icone,
nav.deroulable h1 .icone,
nav.contexte h1 .icone,
nav.menu li .icone,
nav.deroulable li .icone,
nav.contexte li .icone {
	margin-right: 6px;
}
nav.menu li small,
nav.deroulable li small,
nav.contexte li small {
	display: block;
	font-size: .8em;
}
nav.menu li a.alerte:after,
nav.deroulable li a.alerte:after,
nav.contexte li a.alerte:after {
	position: absolute;
	display: block;
	content: ' ';
	top: 2px;
	left: 10px;
	width: 8px;
	height: 8px;
	background: #f63;
	border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px;
}
nav.menu li a.derouleur img {
	position: relative;
	top: 2px;
	vertical-align: baseline !important;
	margin-right: 5px;
}
nav.menu.horizontal ul,
nav.menu.horizontal menu {
	display: flex;
	flex-direction: row;
	flex-flow: wrap;
}

@media print {
	nav.contexte {
		display: none;
	}
}

/* Grand déroulable */

nav.grand-deroulable {
	position: fixed;
	z-index: 999;
	top: 0;
	right: 0;
	height: 0;
	left: 0;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	background: rgba(255,255,255,.975);
	overflow: hidden;
	opacity: 0;
}
nav.grand-deroulable a.fermer-grand-deroulable {
	display: none;
	position: fixed;
	top: 24px;
	right: 24px;
	height: 32px;
	width: 32px;
	line-height: 32px;
	text-align: center;
	color: #111;
	font-size: 1.3rem;
	background: rgba(0,0,0,.2);
}
nav.grand-deroulable.actif {
	height: auto;
	bottom: 0;
	padding: 48px 0;
	overflow: auto;
	opacity: 1;
}
nav.grand-deroulable.actif a.fermer-grand-deroulable {
	display: block;
}

/* Nav «aussi» */

.col nav.aussi:not(.col):not(.cols), .cols nav.aussi:not(.col):not(.cols) {
	margin-right: 20px;
}
.col.marge-d nav.aussi:not(.col):not(.cols), .cols.marge-d nav.aussi:not(.col):not(.cols),
.col.marge nav.aussi:not(.col):not(.cols), .cols.marge nav.aussi:not(.col):not(.cols) {
	margin-right: 0;
}
section:not(.col):not(.cols) + nav.aussi,
p + nav.aussi {
	margin-top: 16px;
}
table + nav.aussi {
	margin-top: 16px;
}
h1.section + nav.aussi ul:first-of-type,
h2.section + nav.aussi ul:first-of-type,
summary + nav.aussi ul:first-of-type,
h1.section + nav.aussi menu:first-of-type,
h2.section + nav.aussi menu:first-of-type,
summary + nav.aussi menu:first-of-type {
	padding-top: 0;
}
nav.aussi:not(.col):not(.cols) {
	clear: both;
}
nav.aussi h1 {
	color: #535922;
	font-size: 0.825rem;
	margin: 0 0 3px 0;
}
nav.aussi ul,
nav.aussi menu {
	margin: 0;
	padding: 0;
}
nav.aussi p {
	margin: 0;
	padding: 0;
	color: #6c7f9d;
}
nav.aussi h1 + ul,
nav.aussi h1 + p,
nav.aussi p + ul,
nav.aussi h1 + menu,
nav.aussi p + menu {
	margin-top: 12px;
}
.long-texte nav.aussi:before,
nav.aussi.avec-filet:before,
nav.aussi ul + ul:before,
nav.aussi ul + h1:before,
nav.aussi menu + menu:before,
nav.aussi menu + h1:before {
	position: static;
	display: block;
	height: 1px;
	width: 80px;
	content: ' ';
	background: #6c7f9d;
	margin: 12px 0;
}
nav.aussi li {
	margin: 0;
	list-style: none;
	font-size: 1.125rem;
	color: #999;
}
nav.aussi li.texte {
	color: #111;
}
nav.aussi.avec-boulette li,
nav.aussi ul.avec-boulette li,
nav.aussi menu.avec-boulette li,
nav.aussi li.avec-boulette {
	margin-left: 15px;
	list-style: square;
}
nav.aussi.grand li,
nav.aussi ul.grand li,
nav.aussi menu.grand li {
	font-size: 1.3rem;
}
nav.aussi.grand.avec-boulette li,
nav.aussi.grand ul.avec-boulette li,
nav.aussi.grand menu.avec-boulette li,
nav.aussi.grand li.avec-boulette,
nav.aussi.avec-boulette ul.grand li,
nav.aussi ul.grand.avec-boulette li,
nav.aussi ul.grand li.avec-boulette,
nav.aussi.avec-boulette menu.grand li,
nav.aussi menu.grand.avec-boulette li,
nav.aussi menu.grand li.avec-boulette {
	margin-left: 25px;
}
nav.aussi.petit li,
nav.aussi ul.petit li,
nav.aussi menu.petit li {
	font-size: 0.975rem !important;
}
nav.aussi li + li {
	margin-top: 6px;
}
nav.aussi.grand li + li,
nav.aussi ul.grand li + li,
nav.aussi menu.grand li + li {
	margin-top: 8px;
}
nav.aussi a {
	color: #6c7f9d;
}
nav.aussi a:not([href]) {
	color: rgba(0,0,0,.4);
}
nav.aussi a[href]:hover , nav.aussi a[href]:focus {
	text-decoration: underline;
}
nav.aussi a.special {
	font-weight: bold;
}
nav.aussi .icone {
	margin-right: 10px;
}
nav.aussi.horizontal ul,
nav.aussi.horizontal menu {
	display: flex;
	flex-direction: row;
	flex-flow: wrap;
}
nav.aussi.horizontal li + li {
	margin-top: 0;
	margin-left: 24px;
}
nav.aussi.horizontal ul + h1,
nav.aussi.horizontal ul + ul,
nav.aussi.horizontal menu + h1,
nav.aussi.horizontal menu + menu {
	margin-top: 12px;
}
nav.aussi.horizontal ul + ul:before,
nav.aussi.horizontal menu + menu:before {
	display: none;
}

/* Bloc info */

section.info {
	border: 1.2px solid #000000;
	padding: 12px;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
}
section.info + section.info {
	margin-top: 12px;
}
section.info.sans-cadre {
	border: 0;
	padding: 0;
}
section.info.special {
	border-color: #535922;
}
section.info.alt {
	background: ;
}
section.info.inverse {
	background: rgba(0,0,0,.7);
	color: #fff;
}
section.info.inverse a {
	color: #fff;
}
section.info h1 {
	font-size: 0.975rem;
	margin: 0;
}
section.info h2 {
	font-size: 0.975rem;
	margin: 0;
	font-weight: normal;
	font-style: italic;
}
section.info h1 + ul,
section.info h1 + p,
section.info hgroup + ul,
section.info hgroup + p,
section.info p + ul,
section.info ul + p {
	margin-top: 5px;
}
section.info p {
	margin: 0;
	font-size: 0.975rem;
	text-overflow: ellipsis;
	overflow: hidden;
}
section.info p + p {
	margin-top: 5px;
}
section.info ul,
ul.info {
	margin: 0;
	padding: 0 0 0 .85em;
}
section.info li,
ul.info li {
	list-style: square;
	margin: 0;
	padding: 0;
	font-size: 0.975rem;
}
section.info li + li,
ul.info li + li {
	margin-top: 5px;
}
section.info ul.horizontal:after,
ul.info.horizontal:after {
	position: static;
	display: block;
	content: ' ';
	height: 0;
	clear: left;
}
section.info ul.horizontal li,
ul.info.horizontal li {
	float: left;
	margin-right: 24px;
}
section.info ul.horizontal li + li,
ul.info.horizontal li + li {
	margin-top: 0;
}
ul.info + ul.info {
	margin-top: 12px;
}

section.info ul.urls,
ul.info.urls {
	padding-left: 0;
}
section.info ul.urls li,
ul.info.urls li {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

section.info .icone,
ul.info .icone {
	font-weight: bold;
	margin-right: 6px;
	font-size: .8em;
}

/* Explication, avertissement */

section.intro,
section.explication,
section.depeche,
section.avertissement,
section.erreur {
	position: relative;
	padding: 12px;
	margin: 0;
}
section.explication,
section.depeche,
section.avertissement,
section.erreur {
	min-height: 48px;
	padding-left: 60px;
}
section.explication.petit,
section.depeche.petit,
section.avertissement.petit,
section.erreur.petit {
	padding-left: 48px;
}
section.intro {
	background: ;
}
section.explication {
	background: rgba(0,0,0,.1);
}
section.depeche {
	background: rgba(0,0,0,.1);
}
section.avertissement {
	background: #ff3;
	background: rgba(255,255,255,.4);
}
section.erreur {
	background: #f30;
	background: #f30;
}
section.explication:before,
section.depeche:before,
section.avertissement:before,
section.erreur:before {
	position: absolute;
	top: 18px;
	left: 12px;
	width: 36px;
	text-align: center;
	font-family: 'font awesome 6 pro';
	font-weight: 300;
	vertical-align: baseline;
	font-size: 2em;
	line-height: 1em;
	opacity: 1;
	margin-left: 4px;
	font-style: normal;
}
section.explication.petit:before,
section.depeche.petit:before,
section.avertissement.petit:before,
section.erreur.petit:before {
	width: 24px;
	font-size: 1.4em;
}
section.explication:before {
	content: "\f0eb";
}
section.depeche:before {
	content: "\f890";
}
section.avertissement:before,
section.erreur:before {
	content: "\f071";
}
section.intro h1,
section.explication h1,
section.depeche h1,
section.avertissement h1,
section.erreur h1 {
	color: #111;
}
section.intro p,
section.explication p,
section.depeche p,
section.avertissement p,
section.erreur p {
	font-size: 1.125rem;
}
section.intro.petit p,
section.explication.petit p,
section.depeche.petit p,
section.avertissement.petit p,
section.erreur.petit p {
	font-size: 0.975rem;
}

/* Encadré */

section.encadre,
details.encadre {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	border: 2px solid rgba(0,0,0,.2);
	padding: 12px;
}
section.encadre + section.encadre,
section.encadre + details.encadre,
details.encadre + section.encadre,
details.encadre + details.encadre {
	border-top: none;
}
section.dialogue,
details.dialogue {
	background: rgba(0,0,0,.05);
	padding: 12px 18px;
}
section.fond,
details.fond {
	background: rgba(0,0,0,.075);
}

section.encadre > p:first-child,
section.dialogue > p:first-child,
section.fond > p:first-child,
details.encadre > p:first-child,
details.dialogue > p:first-child,
details.fond > p:first-child {
	padding-top: 0;
}
section.encadre:after,
section.dialogue:after,
section.fond:after,
details.encadre:after,
details.dialogue:after,
details.fond:after {
	position: static;
	display: block;
	content: ' ';
	height: 0;
	clear: both;
}

/* Long texte et chapô */

.long-texte {
	border-top: 0;
	margin-top: 0;
}
.long-texte + .long-texte:not(.col):not(.cols) {
	margin-top: 20px;
}
.long-texte * + h1.section,
.long-texte * + h2.section,
.long-texte * + summary {
	margin-top: 1.6em;
}
.long-texte h1:not(.section) {
	text-align: left;
	font-size: 1.45rem;
	margin: 1.6em 0 0 0;
	font-family: le-monde-livre-classic-byol, 'liberation serif', times, 'times new roman', serif;
}
.long-texte h2 {
	text-align: left;
	font-size: 1.3rem;
	margin: 1.6em 0 0 0;
	font-family: le-monde-livre-classic-byol, 'liberation serif', times, 'times new roman', serif;
}
.long-texte h2.petit {
	font-size: 1.125rem;
}
.long-texte h3 {
	text-align: left;
	font-size: 1.125rem;
	margin: 1.6em 0 0 0;
	font-family: le-monde-livre-classic-byol, 'liberation serif', times, 'times new roman', serif;
}
.long-texte h3.petit {
	font-size: 1.125rem;
}
.long-texte p {
	text-align: left;
	font-size: 1.125rem;
	margin: 0;
	line-height: 1.6em;
	font-family: le-monde-livre-classic-byol, 'liberation serif', times, 'times new roman', serif;
}
.long-texte pre {
	font-size: 1.125rem;
	margin: 0;
	line-height: 1.6em;
	background: rgba(0,0,0,.05);
	padding: 10px 20px;
	overflow: auto;
	font-family: 'fira code', 'liberation mono', 'courier new', courier, monospaced;
}
.long-texte * + pre,
.long-texte pre + * {
	margin-top: 1.5em;
}
.long-texte code {
	background: rgba(0,0,0,.05);
	padding: 0 6px;
	font-family: 'fira code', 'liberation mono', 'courier new', courier, monospaced;
}
.long-texte pre code {
	padding: 0;
	background: none;
}
.long-texte blockquote {
	margin: 1.6em 0;
	padding-left: 3em;
	font-family: le-monde-livre-classic-byol, 'liberation serif', times, 'times new roman', serif;
}
.long-texte blockquote > *:first-child {
	margin-top: 0 !important;
	padding-top: 0;
}
.long-texte aside {
	width: 40%;
	float: right;
	margin: 0 0 1.6em 1.6em;
	padding-left: 20px;
	font-family: le-monde-livre-classic-byol, 'liberation serif', times, 'times new roman', serif;
	border-left: 1px solid #111;
}
.long-texte aside * {
	font-size: 0.975rem;
}
.long-texte aside > *:first-child {
	margin-top: 0 !important;
	padding-top: 0;
}
.long-texte aside + * {
	margin-top: 0 !important;
}
.long-texte:not(.avec-retrait) p,
.long-texte hr {
	margin-top: 1.6em;
}
.long-texte.avec-retrait p:not(.sans-retrait) {
	text-indent: 1.6em;
}
.long-texte.avec-retrait p:not(.sans-retrait) .icone {
	text-indent: 0;
}
.long-texte > ul,
.long-texte > ol,
.long-texte > dl {
	margin: 0.5em 0;
	padding-left: 1.6em;
	font-family: le-monde-livre-classic-byol, 'liberation serif', times, 'times new roman', serif;
}
.long-texte.avec-retrait > ul,
.long-texte > ol,
.long-texte.avec-retrait > dl {
	padding-left: 3em;
}
.long-texte:not(.avec-retrait) > ul,
.long-texte:not(.avec-retrait) > dl {
	margin-top: 1em;
}
.long-texte > ul li,
.long-texte > ol li,
.long-texte > dl dt,
.long-texte > dl dd {
	text-align: left;
	font-size: 1.125rem;
	line-height: 1.6em;
	margin-left: 0;
}
.long-texte > ul > li {
	list-style: disc;
}
.long-texte > dl dd {
	text-indent: 1.6em;
}
.long-texte > ul li + li,
.long-texte > ol li + li,
.long-texte > dl dd + dt {
	margin-top: 0.5em;
}
.long-texte > ul li > ul,
.long-texte > ul li > ol,
.long-texte > ol li > ul,
.long-texte > ol li > ol,
.long-texte:not(.avec-retrait) > ul li > ul,
.long-texte:not(.avec-retrait) > ul li > ol,
.long-texte:not(.avec-retrait) > ol li > ul,
.long-texte:not(.avec-retrait) > ol li > ol {
	margin-top: 0;
}
.long-texte > ul li li,
.long-texte > ul li p,
.long-texte > ol li li,
.long-texte > ol li p {
	font-size: 1em;
}
.long-texte.avec-retrait.sauf-premier-paragraphe > p:first-child,
.long-texte.avec-retrait.sauf-premier-paragraphe > *:not(h1):not(h2) + p:first-of-type,
.long-texte.avec-retrait.sauf-premier-paragraphe > hr + p,
.long-texte.avec-retrait.sauf-premier-paragraphe > p.sig + p,
.long-texte.avec-retrait.sauf-premier-paragraphe > p.signature + p,
.long-texte.avec-retrait.sauf-premier-paragraphe > p.premier,
.long-texte.avec-retrait.sauf-premier-paragraphe > blockquote > p:first-of-type {
	text-indent: 0;
}
.long-texte.avec-lettrine > p:not(.sig):first-of-type {
	text-indent: 0;
}
.long-texte.avec-lettrine > p:not(.sig):first-of-type:first-letter,
.long-texte.avec-lettrine.lettrine-apres-hr > hr + p:not(.sig):first-letter,
.long-texte.avec-lettrine.lettrine-apres-hr > h1 + p:not(.sig):first-letter,
.long-texte.avec-lettrine > p span.lettrine,
.long-texte.avec-lettrine > blockquote:first-child + p:not(.sig):first-letter {
	float: left;
	font-size: 5.2rem;
	margin-right: 10px;
	margin-bottom: -5px;
	line-height: .55em;
	height: .65em;
	position: relative;
	padding-top: 0.12em;
	padding-bottom: 0.12em;
	margin-bottom: 0.12em;
	display: block;
	font-weight: normal;
	font-style: normal;
}
.long-texte.avec-lettrine > p:not(.sig):first-of-type > .fine-post:first-child,
.long-texte.avec-lettrine.lettrine-apres-hr > hr + p:not(.sig) > .fine-post:first-child,
.long-texte.avec-lettrine.lettrine-apres-hr > h1 + p:not(.sig) > .fine-post:first-child,
.long-texte.avec-lettrine > p span.lettrine > .fine-post,
.long-texte.avec-lettrine > blockquote:first-child + p:not(.sig) > .fine-post:first-child {
	margin-right: 0;
}
.long-texte p.centre {
	text-align: center;
}
.long-texte p.sig,
.long-texte p.signature {
	text-align: right;
}
.long-texte div.message {
	font-size: 1.125rem;
}
.long-texte hr {
	clear: left;
}
.long-texte.chapo h1:not(.section) {
	font-size: 1.7rem;
}
.long-texte.chapo h2 {
	font-size: 1.45rem;
}
.long-texte > header {
	margin: 0 0 24px 0;
}
.long-texte > footer {
	margin: 24px 0 0 0;
}
.long-texte > header p,
.long-texte > header pre,
.long-texte > header > ul li,
.long-texte > header > ol li,
.long-texte > header > dl dt,
.long-texte > header > dl dd,
.long-texte > header div.message,
.long-texte.chapo p,
.long-texte.chapo pre,
.long-texte.chapo > ul li,
.long-texte.chapo > ol li,
.long-texte.chapo > dl dt,
.long-texte.chapo > dl dd,
.long-texte.chapo div.message {
	font-size: 1.45rem;
}
.long-texte > footer p,
.long-texte > footer pre,
.long-texte > footer > ul li,
.long-texte > footer > ol li,
.long-texte > footer > dl dt,
.long-texte > footer > dl dd,
.long-texte > footer div.message,
.long-texte.petit p,
.long-texte.petit pre,
.long-texte.petit > ul li,
.long-texte.petit > ol li,
.long-texte.petit > dl dt,
.long-texte.petit > dl dd,
.long-texte.petit div.message {
	font-size: 0.975rem;
}
.long-texte > *:first-child,
.long-texte > header > *:first-child,
.long-texte > footer > *:first-child {
	margin-top: 0 !important;
}
.long-texte > *:last-child,
.long-texte > header > *:last-child,
.long-texte > footer > *:last-child {
	margin-bottom: 0 !important;
}
.long-texte > header h1:not(.section) {
	font-size: 1.45rem;
	margin: 0;
}
.long-texte > header h2 {
	font-size: 1.125rem;
	margin: 0;
}
.long-texte > header div {
	font-size: 1.125rem;
	font-weight: bold;
}
.long-texte > header div.meta {
	font-weight: normal;
	font-size: 0.975rem;
	margin-top: 12px;
}
.long-texte a.bouton {
	display: inline-block;
	color: #F2EEB6;
	background: #6c7f9d;
	padding: 4px 24px;
	border-bottom: 2.4px solid rgba(0,0,0,.2);
}
.long-texte a.bouton:hover , .long-texte a.bouton:focus {
	text-decoration: none;
	background: #6c7f9d;
}
.long-texte a.logo {
	margin: 0 1.5em 0.5em 0 !important;
	display: inline-block;
}
.long-texte a.logo:after {
	content: '';
	margin: 0;
}
.long-texte cite {
	font-size: 1em;
}

@media only screen and (max-width: 1023px) {
	.long-texte p,
	.long-texte pre,
	.long-texte li,
	.long-texte dt,
	.long-texte dd,
	.long-texte div.message {
		font-size: 0.975rem;
	}
}

/* Formulaire */

dl {
	margin: 0;
}
.col dl:not(.col):not(.cols), .cols dl:not(.col):not(.cols) {
	margin-right: 20px;
}
.col.marge-d dl:not(.col):not(.cols), .cols.marge-d dl:not(.col):not(.cols),
.col.marge dl:not(.col):not(.cols), .cols.marge dl:not(.col):not(.cols) {
	margin-right: 0;
}
.col:not(.marge):not(.marge-d) dl.col:not(.marge):not(.marge-d),
.cols:not(.marge):not(.marge-d) dl.col:not(.marge):not(.marge-d),
.col:not(.marge):not(.marge-d) dl.cols:not(.marge):not(.marge-d),
.cols:not(.marge):not(.marge-d) dl.cols:not(.marge):not(.marge-d) {
	padding-right: 20px;
}
form dl {
	margin: 0;
}
td dl {
	margin: 0;
}
dt {
	margin: 0 0 0.2em 0;
	font-size: 0.825rem;
	position: relative;
	font-weight: bold;
}
dt .icone {
	margin-right: 6px;
	font-weight: bold;
}
dl.tres-petit dt {
	font-size: 0.75rem;
}
dt + dt {
	margin-top: 0.5em;
}
dt label {
}
dt div.compteur {
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: right;
}
dt div.compteur.critique {
	color: #f30;
}
dd {
	margin: 0 0 0.8em 0;
}
td dd {
	margin: 0;
}

span.champ-visible {
	position: relative;
	display: block;
	padding: 1px;
}
span.champ-visible input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=reset]):not([type=submit]), 
span.champ-visible select, 
span.champ-visible textarea,
span.champ-visible .CodeMirror,
span.champ-visible.avec-bouton-fichier label.bouton-fichier {
	position: relative;
	z-index: 1;
	font-feature-settings: 'tnum';
	-webkit-font-feature-settings: 'tnum';
	-moz-font-feature-settings: 'tnum';
	-moz-font-feature-settings: 'tnum=1';
	font-size: 1.125rem;
	line-height: 1.6em;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	border: none;
	padding: 6px 12px;
	width: 100%;
	background: none;
	color: #000;
	background: #fff;
	vertical-align: top;
}
span.champ-visible.avec-bouton-defaut input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=reset]):not([type=submit]):not([type=color]) {
	width: calc(100% - 37px) !important;
}
span.champ-visible.avec-bouton-couleur input[type=text] {
	width: calc(100% - 37px) !important;
}
span.champ-visible.avec-bouton-defaut.avec-bouton-couleur input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=reset]):not([type=submit]):not([type=color]) {
	width: calc(100% - 73px) !important;
}
span.champ-visible.avec-bouton-defaut a.bouton-defaut {
	display: inline-block;
	vertical-align: top;
	width: 36px;
	height: 36px;
	background: #fff;
}
span.champ-visible.avec-bouton-defaut a.bouton-defaut:after {
	display: inline-block;
	position: relative;
	z-index: 2;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 1.3rem;
	color: #000;
	font-family: 'font awesome 6 pro';
	font-weight: 300;
	content: "\f12d";
}
span.champ-visible.avec-bouton-couleur input.bouton-couleur[type=color] {
	width: 36px !important;
	vertical-align: top;
	padding: 6px !important;
	background: none !important;
}
span.champ-visible.avec-bouton-couleur span.bouton-couleur-est-inactif {
	position: absolute;
	display: block;
	top: 1px;
	left: auto;
	right: 1px;
	bottom: 1px;
	width: 37px;
	border: 0;
	background: #fff;
}
span.champ-visible.avec-bouton-couleur input:placeholder-shown ~ input.bouton-couleur[type=color] {
	opacity: 0;
}
span.champ-visible.avec-bouton-couleur input:placeholder-shown ~ span.bouton-couleur-est-inactif:after {
	position: absolute;
	display: block;
	content: ' ';
	top: 0;
	right: 16px;
	height: 36px;
	width: 4px;
	transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg);
	background: #ff3300;
}
span.champ-visible.avec-bouton-fichier input[type=file] {
	position: fixed;
	top: 100%;
	left: 100%;
}
span.champ-visible.avec-bouton-fichier label.bouton-fichier {
	display: inline-block;
	vertical-align: top;
	height: 36px;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	cursor: pointer;
	border-bottom: 1px solid rgba(0,0,0,.1);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
span.champ-visible.avec-bouton-fichier input[disabled] ~ label.bouton-fichier {
	border-bottom: none;
	background: none;
	cursor: not-allowed;
}
span.champ-visible.avec-bouton-fichier label.bouton-fichier:before {
	display: inline-block;
	text-align: center;
	font-size: 1.3rem;
	margin-right: 12px;
	color: #000;
	font-family: 'font awesome 6 pro';
	font-weight: 300;
	content: "\f093";
}
span.champ-visible.avec-bouton-fichier input:not([disabled]) ~ label.bouton-fichier:hover , span.champ-visible.avec-bouton-fichier input:not([disabled]) ~ label.bouton-fichier:focus {
	background: rgba(0,0,0,.025);
}
span.champ-visible input[disabled],
span.champ-visible select[disabled],
span.champ-visible textarea[disabled] {
	background: rgba(0,0,0,.1) !important;
}
span.champ-visible input[type=file] {
	position: relative;
	z-index: 1;
	height: 36px;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	width: 100%;
	background: #fff;
}
span.champ-visible input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=reset]):not([type=submit]), 
span.champ-visible select {
	height: 36px;
}
span.champ-visible input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=reset]):not([type=submit]):focus, 
span.champ-visible select:focus, 
span.champ-visible textarea:focus {
	outline: none;
}
span.champ-visible input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=reset]):not([type=submit]):focus ~ span, 
span.champ-visible select:focus ~ span, 
span.champ-visible textarea:focus ~ span,
span.champ-visible .CodeMirror-focused ~ span {
	box-shadow: 0 2px 5px rgba(0,0,0,.2); -moz-box-shadow: 0 2px 5px rgba(0,0,0,.2); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2); -o-box-shadow: 0 2px 5px rgba(0,0,0,.2);
}
span.champ-visible select {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	padding: 4px 8px;
}
span.champ-visible textarea {
	height: 200px;
}
span.champ-visible:not(.cache) > span:first-of-type {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: ' ';
	z-index: 0;
	border: 1.2px solid rgba(0,0,0,.1);
}
span.champ-visible.errone > span:first-of-type {
	background: #fcc;
}
span.champ-visible div.compteur {
	position: absolute;
	top: -14px;
	right: 0;
	z-index: 2;
	font-size: 0.825rem;
	padding: 0;
	color: rgba(0,0,0,.4);
}

span.champ-visible .editor-toolbar {
	position: relative;
	z-index: 2;
	border: 0;
	border-bottom: 1.2px solid rgba(0,0,0,.1);
}
span.champ-visible .editor-toolbar .fa {
	font-size: 14px;
}
span.champ-visible .editor-statusbar {
	position: relative;
	z-index: 1;
	border-top: 1.2px solid rgba(0,0,0,.1);
}
/*
span.champ-visible .CodeMirror {
	height: 400px;
}
.fenetre span.champ-visible .CodeMirror {
	height: 300px;
}
*/
span.champ-visible .CodeMirror-code .cm-header-1 {
	font-size: 160%;
}
span.champ-visible .CodeMirror-code .cm-header-2 {
	font-size: 140%;
}
span.champ-visible .CodeMirror-code .cm-header-3 {
	font-size: 132%;
}
span.champ-visible .CodeMirror-code .cm-header-4 {
	font-size: 124%;
}
span.champ-visible .CodeMirror-code .cm-header-5 {
	font-size: 116%;
}
span.champ-visible .CodeMirror-code .cm-header-6 {
	font-size: 110%;
}

span.champ-visible:first-of-type:not(.cache) {
	padding-left: 33px;
}
span.champ-visible:first-of-type:not(.cache) > * + span:before {
	position: absolute;
	display: block;
	z-index: 2;
	top: 0;
	left: 0;
	width: 32px;
	text-align: center;
	font-family: 'font awesome 6 pro';
	font-weight: 300;
	vertical-align: baseline;
	font-size: 1.125rem;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	height: 36px;
	line-height: 36px;
	border-right: 1.2px solid rgba(0,0,0,.1);
}
span.champ-visible:first-of-type:not(.cache) > * + span:before,
span.champ-visible.errone:first-of-type:not(.cache) > *:valid + span:before {
	content: "\f00c";
	color: #3c6;
}
span.champ-visible:first-of-type:not(.cache) > *:invalid + span:before,
span.champ-visible.errone:first-of-type:not(.cache) > * + span:before {
	content: "\f00d";
	color: #f66;
}

span.champ-visible ul:not(.suggestions),
span.champ-visible menu:not(.suggestions) {
	margin: 0;
	padding: 0;
}
span.champ-visible ul:not(.suggestions) ~ span,
span.champ-visible menu:not(.suggestions) ~ span {
	border: none !important;
}
span.champ-visible.oblig:not(.cache) > ul:not(.suggestions) ~ span:before,
span.champ-visible.errone:not(.cache) > ul:not(.suggestions) ~ span:before,
span.champ-visible.oblig:not(.cache) > menu:not(.suggestions) ~ span:before,
span.champ-visible.errone:not(.cache) > menu:not(.suggestions) ~ span:before {
	border-right: 0;
}
span.champ-visible li {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
	border: 0;
	display: inline-block;
}
dl.etendu span.champ-visible li {
	display: block;
}
span.champ-visible li label {
	position: relative;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	font-size: 0.975rem;
	font-weight: bold;
	cursor: pointer;
	z-index: 1;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
}
span.champ-visible li label .description {
	display: inline-block;
	padding: 0 12px 0 26px;
}
span.champ-visible li label .description .icone {
	font-weight: bold;
	margin-right: 6px;
}
span.champ-visible li label input {
	position: absolute;
	width: 1.2rem;
	height: 1.2rem;
	top: 6px;
	left: 0px;
	line-height: 36px;
	color: #6c7f9d;
	appearance: none;
	border: 2.4px solid #111;
}
span.champ-visible li label input[type=radio] {
	border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%;
}
span.champ-visible li label input:checked {
	border: 0.4rem solid #111;
}
span.champ-visible li label input + span {
	display: block;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	height: 36px;
}
span.champ-visible li label input:checked + span {
	color: #6c7f9d;
	background: rgba(0,0,0,.05);
}
span.champ-visible li label:hover input:not(:checked) + span , span.champ-visible li label:focus input:not(:checked) + span {
	background-size: 4px 4px;
	background-image: repeating-linear-gradient(-45deg, #6c7f9d 0, #6c7f9d 0.4px, rgb(0,0,0,0) 0, rgb(0,0,0,0) 50%);
}


span.champ-visible-combo {
	display: block;
}
span.champ-visible-combo > span.champ-visible:first-of-type {
	width: calc(100% - 124px);
	display: inline-block;
}
span.champ-visible-combo > span.champ-visible + span.champ-visible {
	width: 120px;
	display: inline-block;
}
span.champ-visible-combo > span.champ-visible:first-of-type + span.champ-visible:not(.cache),
span.champ-visible-combo > span.champ-visible:first-of-type + span.champ-visible:not(.cache) {
	width: 88px;
	display: inline-block;
	padding-left: 1px;
}
span.champ-visible-combo > span.champ-visible + span.champ-visible > span:first-of-type {
	border-left: 0;
}

span.champ-visible-combo > span.champ-visible:first-of-type.oblig:not(.cache) > * + span:before,
span.champ-visible-combo > span.champ-visible:first-of-type.errone:not(.cache) > * + span:before {
	display: none;
}
span.champ-visible-combo > span.champ-visible + span.champ-visible.oblig:not(.cache),
span.champ-visible-combo > span.champ-visible + span.champ-visible.errone:not(.cache) {
}
span.champ-visible-combo > span.champ-visible + span.champ-visible.oblig:not(.cache) > * + span:before,
span.champ-visible-combo > span.champ-visible + span.champ-visible.errone:not(.cache) > * + span:before {
}

dl.tres-grand span.champ-visible input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=reset]):not([type=submit]),
dl.tres-grand span.champ-visible input[type=file],
dl.tres-grand span.champ-visible select,
dl.tres-grand span.champ-visible textarea,
dl.tres-grand span.champ-visible.oblig > * + span:before,
dl.tres-grand span.champ-visible.errone > * + span:before,
dl.tres-grand span.champ-visible li label,
dl.tres-grand span.champ-visible li label input + span:before {
	font-size: 1.45rem;
	height: 48px;
	xline-height: 48px;
}
dl.tres-grand span.champ-visible:first-of-type:not(.cache) > * + span:before {
	width: 44px;
	height: 48px;
	line-height: 48px;
	font-size: 1.45rem;
}
dl.tres-grand span.champ-visible:first-of-type:not(.cache) {
	padding-left: 45px;
}
dl.tres-grand span.champ-visible li label input {
	width: 1.6rem;
	height: 1.6rem;
}

dl.grand span.champ-visible input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=reset]):not([type=submit]),
dl.grand span.champ-visible input[type=file],
dl.grand span.champ-visible select,
dl.grand span.champ-visible textarea,
dl.grand span.champ-visible.oblig > * + span:before,
dl.grand span.champ-visible.errone > * + span:before,
dl.grand span.champ-visible li label,
dl.grand span.champ-visible li label input + span:before {
	font-size: 1.3rem;
	height: 40px;
	line-height: 40px;
}
dl.grand span.champ-visible:first-of-type:not(.cache) > * + span:before {
	width: 36px;
	height: 40px;
	line-height: 40px;
	font-size: 1.3rem;
}
dl.grand span.champ-visible:first-of-type:not(.cache) {
	padding-left: 37px;
}
dl.grand span.champ-visible li label input {
	width: 1.4rem;
	height: 1.4rem;
}

dl.petit span.champ-visible input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=reset]):not([type=submit]),
dl.petit span.champ-visible input[type=file],
dl.petit span.champ-visible select,
dl.petit span.champ-visible textarea,
dl.petit span.champ-visible.oblig > * + span:before,
dl.petit span.champ-visible.errone > * + span:before,
dl.petit span.champ-visible li label,
dl.petit span.champ-visible li label input + span:before {
	font-size: 0.975rem;
	height: 32px;
	xline-height: 32px;
}
dl.petit span.champ-visible:first-of-type:not(.cache) > * + span:before {
	width: 28px;
	height: 32px;
	line-height: 32px;
	font-size: 0.975rem;
}
dl.petit span.champ-visible:first-of-type:not(.cache) {
	padding-left: 29px;
}
dl.petit span.champ-visible textarea {
	height: 120px;
}
dl.petit span.champ-visible li label input {
	width: 1rem;
	height: 1rem;
}

dl.tres-petit span.champ-visible input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=reset]):not([type=submit]),
dl.tres-petit span.champ-visible input[type=file],
dl.tres-petit span.champ-visible select,
dl.tres-petit span.champ-visible textarea,
dl.tres-petit span.champ-visible.oblig > * + span:before,
dl.tres-petit span.champ-visible.errone > * + span:before,
dl.tres-petit span.champ-visible li label,
dl.tres-petit span.champ-visible li label input + span:before {
	font-size: 0.825rem;
	height: 26px;
	xline-height: 26px;
}
dl.tres-petit span.champ-visible:first-of-type:not(.cache) > * + span:before {
	width: 22px;
	height: 26px;
	line-height: 26px;
	font-size: 0.825rem;
}
dl.tres-petit span.champ-visible:first-of-type:not(.cache) {
	padding-left: 23px;
}
dl.tres-petit span.champ-visible textarea {
	height: 60px;
}
dl.tres-petit span.champ-visible li label input {
	width: .9rem;
	height: .9rem;
	top: 3px;
}

dd p,
section.principal dd p {
	font-size: 1em;
}
dd output {
	font-size: 1.125rem;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	display: block;
	padding: 0 12px;
	height: 38px;
	line-height: 36px;
	background: rgba(0,0,0,.05);
	border: 1.2px solid rgba(0,0,0,.1);
}
dd.actif output {
	background: rgba(0,0,0,.075);
}
dd.ici output {
	color: #F2EEB6;
	background-color: #6c7f9d;
}
dl.petit dd output {
	font-size: 0.975rem;
}
dl.tres-petit dd output {
	font-size: 0.825rem;
}
dd nav {
	display: inline-block;
	font-size: 0.75em;
	margin: 0 0 0 5px;
}
dd nav a {
	margin: 0 0 0 5px;
}
dd nav a[href]:hover , dd nav a[href]:focus {
	text-decoration: underline;
}

dd textarea.table-commentaires-champ-suivi-interne {
	height: 100px;
}

/* Récepteur fichier */

body.recepteur-fichier.pret-a-recevoir:after {
	position: fixed;
	z-index: 999;
	display: block;
	content: ' ';
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: rgba(255,255,255,.95);
	border: 2.4px dashed #000;
	margin: 12px;
}

/* Navigation interne */

footer.relativement {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
}

footer.adhesif {
	position: sticky;
	bottom: 0;
	z-index: 1;
	padding-bottom: 6px;
}

section p + footer > nav,
section nav.multipage + footer > nav,
section search.multipage + footer > nav {
	margin-top: 12px;
}
section footer > nav {
	margin: 0;
	text-align: right;
}
section footer > nav:not(.col):not(.cols) {
	clear: both;
}
@media only print {
	section footer > nav {
		display: none;
	}
}
section footer > nav + nav {
	margin-top: 12px;
}
section footer > nav > a,
section footer > nav > input,
section footer > nav > button,
section footer > nav > span.pseudo {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	font-size: 1.125rem;
	font-weight: normal;
	padding: 0 14px;
	color: rgba(0,0,0,.8);
	background: rgba(0,0,0,.1);
	border: none;
	text-decoration: none;
	text-shadow: none;
	border-bottom: 2.4px solid rgba(0,0,0,.2);
}
section footer > nav > span.en-attente {
	display: none;
}
section form.en-attente footer > nav > span.en-attente {
	display: inline-block;
}
section footer > nav > input {
	height: 35px;
	line-height: 34px;
	position: relative;
}
section footer > nav > a,
section footer > nav > input,
section footer > nav > button {
	cursor: pointer;
}
section footer > nav.petit > a,
section footer > nav.petit > input,
section footer > nav.petit > button,
section footer > nav.petit > span.pseudo {
	height: 28px;
	line-height: 28px;
	font-size: 0.975rem;
	padding: 0 10px;
}
section footer > nav.tres-petit > a,
section footer > nav.tres-petit > input,
section footer > nav.tres-petit > button,
section footer > nav.tres-petit > span.pseudo {
	height: 24px;
	line-height: 24px;
	font-size: 0.825rem;
	padding: 0 10px;
}
section footer > nav.grand > a,
section footer > nav.grand > input,
section footer > nav.grand > button,
section footer > nav.grand > span.pseudo {
	height: 36px;
	line-height: 36px;
	font-size: 1.3rem;
	padding: 0 20px;
}
section footer > nav.tres-grand > a,
section footer > nav.tres-grand > input,
section footer > nav.tres-grand > button,
section footer > nav.tres-grand > span.pseudo {
	height: 44px;
	line-height: 44px;
	font-size: 1.45rem;
	padding: 0 20px;
}
form.en-attente footer > nav > input,
form.en-attente footer > nav > button,
form footer > nav > input[disabled],
form footer > nav > button[disabled] {
	opacity: .4;
	cursor: not-allowed;
}
section footer > nav > a.important,
section footer > nav > input.important,
section footer > nav > button.important,
section footer > nav > span.pseudo.important {
	color: #F2EEB6;
	background: #535922;
}
section footer > nav > span.pseudo {
	opacity: .4;
}
section footer > nav > a + a,
section footer > nav > a + input,
section footer > nav > a + button,
section footer > nav > input + a,
section footer > nav > input + input,
section footer > nav > input + button,
section footer > nav > button + a,
section footer > nav > button + input,
section footer > nav > button + button {
	margin-left: 4px;
}
section footer > nav > a[href]:hover, section footer > nav > a[href]:focus,
section footer > nav > input:hover, section footer > nav > input:focus,
section footer > nav > button:hover , section footer > nav > button:focus {
	color: #000;
	background: rgba(0,0,0,.2);
	text-decoration: none;
}
section footer > nav > a.important[href]:hover, section footer > nav > a.important[href]:focus,
section footer > nav > input.important:hover, section footer > nav > input.important:focus,
section footer > nav > button.important:hover , section footer > nav > button.important:focus {
	color: #F2EEB6;
	background: #313700;
}
section footer > nav > a.actif {
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2), inset 0 5px 10px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.4); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2), inset 0 5px 10px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.4); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2), inset 0 5px 10px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.4); -o-box-shadow: inset 0 1px 2px rgba(0,0,0,.2), inset 0 5px 10px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.4);
	text-shadow: 0 0 5px #fff;
}
section footer > nav > a.pleine-largeur,
section footer > nav > input.pleine-largeur,
section footer > nav > button.pleine-largeur {
	display: block;
	width: 100%;
	text-align: center;
	min-height: 36px;
	height: auto;
}
section footer > nav > .pleine-largeur + a.pleine-largeur,
section footer > nav > .pleine-largeur + input.pleine-largeur,
section footer > nav > .pleine-largeur + button.pleine-largeur {
	margin-left: 0;
	margin-top: 4px;
}
section footer > nav > a.appel {
	background: rgba(0,0,0,.05);
	font-weight: normal;
	line-height: 30px;
	box-shadow: 0 1px 3px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2); -o-box-shadow: 0 1px 3px rgba(0,0,0,.2);
}
section footer > nav.petit > a.appel {
	border: 1.2px solid rgba(0,0,0,.1);
	line-height: 26px;
}
section footer > nav.tres-petit > a.appel {
	border: 1.2px solid rgba(0,0,0,.1);
	line-height: 22px;
}
section footer > nav > a.appel[href]:hover , section footer > nav > a.appel[href]:focus {
	background: rgba(0,0,0,.1);
}
section footer > nav > a .icone,
section footer > nav > button .icone {
	margin-right: 8px;
}
section footer > nav p {
	margin: 5px 0;
	font-size: 0.75em;
	line-height: normal;
}
section footer > nav section.mini {
	margin-top: 5px;
	font-size: 0.85em;
	padding: 0;
	border: 0;
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none;
}

/* Compteur */

span.compteur {
	padding: 0;
	background: #535922;
	display: inline-block;
	height: 1.5em;
	line-height: 1.2em;
	font-size: .8em;
	text-align: center;
	font-weight: normal;
	border-radius: 1.6em; -moz-border-radius: 1.6em; -webkit-border-radius: 1.6em; -o-border-radius: 1.6em;
	padding: 0 4px;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	color: #F2EEB6;
	border: 2.4px solid #F2EEB6;
	vertical-align: top;
	margin-left: 6px;
}
article a span.compteur {
	background: #6c7f9d;
}
article a.ici span.compteur {
	xbackground: #111;
}

/* Descripteur */

.descripteur {
	max-width: 90%;
	font-family: instrument-sans, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif;
	-moz-osx-font-smoothing: auto;
	text-align: left;
	text-indent: 0 !important;
	xoverflow: hidden;
	xtext-overflow: ellipsis;
}
.o-appli-actif .descripteur {
	position: fixed;
	visibility: hidden;
	line-height: normal;
}
.o-appli-actif .descripteur * {
	opacity: 0;
	transition: opacity cubic-bezier(0.83, 0, 0.17, 1) .5s; -moz-transition: opacity cubic-bezier(0.83, 0, 0.17, 1) .5s; -webkit-transition: opacity cubic-bezier(0.83, 0, 0.17, 1) .5s; -o-transition: opacity cubic-bezier(0.83, 0, 0.17, 1) .5s;
}
.o-appli-actif .descripteur.actif {
	visibility: visible;
	display: inline-block;
}
.o-appli-actif .descripteur.actif * {
	opacity: 1;
}
@media (hover: none) {
	.o-appli-actif .descripteur {
		display: none;
	}
	.o-appli-actif .descripteur.actif {
		visibility: hidden;
	}
	.o-appli-actif .descripteur.actif * {
		opacity: 0;
	}
}
.descripteur .texte {
	max-width: 90vw;
	display: inline-block;
	font-weight: normal;
	white-space: nowrap;
	padding: 2px 8px !important;
	font-size: 1.125rem;
	background: rgba(0,0,0,.95);
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4em;
	vertical-align: top;
	box-shadow: 0 2px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 2px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2); -o-box-shadow: 0 2px 4px rgba(0,0,0,.2);
}
.descripteur .pointeur {
	position: absolute;
	top: 0;
	xleft: 10px;
}
.descripteur canvas.pointeur,
.descripteur svg.pointeur polygon {
	fill: rgba(0,0,0,.95);
	stroke: none;
	box-shadow: 0 2px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 2px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2); -o-box-shadow: 0 2px 4px rgba(0,0,0,.2);
}
.descripteur[data-alignement="droite"] .pointeur,
.descripteur[descripteur-alignement=droite] .pointeur {
	position: absolute;
	top: 0;
	xleft: auto;
	xright: 10px;
}
.descripteur[data-alignement-vertical="haut"] .pointeur {
	top: auto;
	bottom: 0;
	transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg);
}

/* Liste */

nav.onglets + ul.liste,
nav.filtres + ul.liste,
search.filtres + ul.liste,
nav.multipage + ul.liste,
search.multipage + ul.liste,
nav.recherche + ul.liste,
search.recherche + ul.liste,
ul.liste + nav.multipage,
ul.liste + search.multipage,
ul.liste + nav.menu,
ul.liste + h1.section,
ul.liste + h2.section,
ul.liste + summary,
nav.onglets + menu.liste,
nav.filtres + menu.liste,
search.filtres + menu.liste,
nav.multipage + menu.liste,
search.multipage + menu.liste,
nav.recherche + menu.liste,
search.recherche + menu.liste,
menu.liste + nav.multipage,
menu.liste + search.multipage,
menu.liste + nav.menu,
menu.liste + h1.section,
menu.liste + h2.section,
menu.liste + summary {
	margin-top: 20px;
}
ul.liste,
menu.liste {
	margin: 0;
	padding: 0;
}
ul,
dl,
menu {
	orphans: 2;
	widows: 2;
}

ul.col2,
dl.col2,
menu.col2,
nav.col2 > ul,
nav.col2 > menu {
	columns: 2; -moz-columns: 2; -webkit-columns: 2; -o-columns: 2;
	column-gap: 0; -moz-column-gap: 0; -webkit-column-gap: 0; -o-column-gap: 0;
}
ul.col2,
dl.col2,
menu.col2 {
	column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; -o-column-gap: 20px;
}
ul.col3,
dl.col3,
menu.col3,
nav.col3 > ul,
nav.col3 > menu {
	columns: 3; -moz-columns: 3; -webkit-columns: 3; -o-columns: 3;
	column-gap: 0; -moz-column-gap: 0; -webkit-column-gap: 0; -o-column-gap: 0;
}
ul.col3,
dl.col3,
menu.col3 {
	column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; -o-column-gap: 20px;
}
ul.col4,
dl.col4,
menu.col4,
nav.col4 > ul,
nav.col4 > menu {
	columns: 4; -moz-columns: 4; -webkit-columns: 4; -o-columns: 4;
	column-gap: 0; -moz-column-gap: 0; -webkit-column-gap: 0; -o-column-gap: 0;
}
ul.col4,
dl.col4,
menu.col4 {
	column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; -o-column-gap: 20px;
}
ul.col5,
dl.col5,
menu.col5,
nav.col5 > ul,
nav.col5 > menu {
	columns: 5; -moz-columns: 5; -webkit-columns: 5; -o-columns: 5;
	column-gap: 0; -moz-column-gap: 0; -webkit-column-gap: 0; -o-column-gap: 0;
}
ul.col5,
dl.col5,
menu.col5 {
	column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; -o-column-gap: 20px;
}
ul.col6,
dl.col6,
menu.col6,
nav.col6 > ul,
nav.col6 > menu {
	columns: 6; -moz-columns: 6; -webkit-columns: 6; -o-columns: 6;
	column-gap: 0; -moz-column-gap: 0; -webkit-column-gap: 0; -o-column-gap: 0;
}
ul.col6,
dl.col6,
menu.col6 {
	column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; -o-column-gap: 20px;
}
ul.col7,
dl.col7,
menu.col7,
nav.col7 > ul,
nav.col7 > menu {
	columns: 7; -moz-columns: 7; -webkit-columns: 7; -o-columns: 7;
	column-gap: 0; -moz-column-gap: 0; -webkit-column-gap: 0; -o-column-gap: 0;
}
ul.col7,
dl.col7,
menu.col7 {
	column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; -o-column-gap: 20px;
}
ul.col8,
dl.col8,
menu.col8,
nav.col8 > ul,
nav.col8 > menu {
	columns: 8; -moz-columns: 8; -webkit-columns: 8; -o-columns: 8;
	column-gap: 0; -moz-column-gap: 0; -webkit-column-gap: 0; -o-column-gap: 0;
}
ul.col8,
dl.col8,
menu.col8 {
	column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; -o-column-gap: 20px;
}
ul.col9,
dl.col9,
menu.col9,
nav.col9 > ul,
nav.col9 > menu {
	columns: 9; -moz-columns: 9; -webkit-columns: 9; -o-columns: 9;
	column-gap: 0; -moz-column-gap: 0; -webkit-column-gap: 0; -o-column-gap: 0;
}
ul.col9,
dl.col9,
menu.col9 {
	column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; -o-column-gap: 20px;
}
ul.col10,
dl.col10,
menu.col10,
nav.col10 > ul,
nav.col10 > menu {
	columns: 10; -moz-columns: 10; -webkit-columns: 10; -o-columns: 10;
	column-gap: 0; -moz-column-gap: 0; -webkit-column-gap: 0; -o-column-gap: 0;
}
ul.col10,
dl.col10,
menu.col10 {
	column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; -o-column-gap: 20px;
}
ul.col11,
dl.col11,
menu.col11,
nav.col11 > ul,
nav.col11 > menu {
	columns: 11; -moz-columns: 11; -webkit-columns: 11; -o-columns: 11;
	column-gap: 0; -moz-column-gap: 0; -webkit-column-gap: 0; -o-column-gap: 0;
}
ul.col11,
dl.col11,
menu.col11 {
	column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; -o-column-gap: 20px;
}
ul.col12,
dl.col12,
menu.col12,
nav.col12 > ul,
nav.col12 > menu {
	columns: 12; -moz-columns: 12; -webkit-columns: 12; -o-columns: 12;
	column-gap: 0; -moz-column-gap: 0; -webkit-column-gap: 0; -o-column-gap: 0;
}
ul.col12,
dl.col12,
menu.col12 {
	column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; -o-column-gap: 20px;
}

@media only screen and (max-width: 1023px) {
	ul.col4,
	ul.col5,
	ul.col6,
	ul.col7,
	ul.col8,
	ul.col9,
	ul.col10,
	ul.col11,
	ul.col12,
	dl.col4,
	dl.col5,
	dl.col6,
	dl.col7,
	dl.col8,
	dl.col9,
	dl.col10,
	dl.col11,
	dl.col12,
	menu.col4,
	menu.col5,
	menu.col6,
	menu.col7,
	menu.col8,
	menu.col9,
	menu.col10,
	menu.col11,
	menu.col12 {
		columns: 3; -moz-columns: 3; -webkit-columns: 3; -o-columns: 3;
	}
}

@media only screen and (max-width: 683px) {
	ul.col2,
	ul.col3,
	ul.col4,
	ul.col5,
	ul.col6,
	ul.col7,
	ul.col8,
	ul.col9,
	ul.col10,
	ul.col11,
	ul.col12,
	dl.col2,
	dl.col3,
	dl.col4,
	dl.col5,
	dl.col6,
	dl.col7,
	dl.col8,
	dl.col9,
	dl.col10,
	dl.col11,
	dl.col12,
	menu.col2,
	menu.col3,
	menu.col4,
	menu.col5,
	menu.col6,
	menu.col7,
	menu.col8,
	menu.col9,
	menu.col10,
	menu.col11,
	menu.col12 {
		columns: 1; -moz-columns: 1; -webkit-columns: 1; -o-columns: 1;
	}
}

ul.liste > li,
menu.liste > li {
	position: relative;
	break-inside: avoid-column; -moz-break-inside: avoid-column; -webkit-break-inside: avoid-column; -o-break-inside: avoid-column;
	page-break-inside: avoid;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.liste > li + li,
menu.liste > li + li {
	margin-top: 12px;
}

ul.liste.alternee li,
menu.liste.alternee li {
	padding: 3px 15px;
}
ul.liste.alternee li:nth-of-type(2n+1),
menu.liste.alternee li:nth-of-type(2n+1) {
	background: rgba(0,0,0,.05);
}

ul.liste.avec-boulette,
menu.liste.avec-boulette {
	margin-left: 1.2em;
}
ul.liste.avec-boulette > li,
menu.liste.avec-boulette > li {
	list-style: square;
}

ul.liste ul.liste,
menu.liste menu.liste {
	margin-top: 12px;
	padding-left: 32px;
}
ul.liste li.avec-numero,
menu.liste li.avec-numero {
}
ul.liste li.avec-numero div.numero,
menu.liste li.avec-numero div.numero {
	display: inline-block;
	float: left;
	margin-top: 2px;
	margin-right: 12px;
	width: 18px;
	height: 18px;
	line-height: 18px;
	border: 1.2px solid #111;
	text-align: center;
	font-size: 0.825rem;
	font-feature-settings: 'pnum', 'lnum';
	-webkit-font-feature-settings: 'pnum', 'lnum';
	-moz-font-feature-settings: 'pnum', 'lnum';
	-moz-font-feature-settings: 'pnum=1,lnum=1';
}
ul.liste li.avec-numero div.numero.vide,
menu.liste li.avec-numero div.numero.vide {
	border-color: transparent;
}

ul.liste ul.details {
	padding-left: 1.2em;
}
ul.liste ul.details > li {
	list-style: square;
	font-size: 0.975rem;
}

ul.liste.petit > li {
	font-size: 0.975rem;
}

ul.liste.tres-petit > li {
	font-size: 0.825rem;
}

/* Grille */

nav.onglets:not(.cols):not(.col) + ul.grille,
nav.multipage:not(.cols):not(.col) + ul.grille,
search.multipage:not(.cols):not(.col) + ul.grille,
nav.filtres:not(.cols):not(.col) + ul.grille,
search.filtres:not(.cols):not(.col) + ul.grille,
header:not(.cols):not(.col) + ul.grille {
	margin-top: 20px;
}
ul.grille:not(.cols):not(.col) {
	margin: 0;
	padding: 0;
}
ul.grille > li {
	list-style: none;
	margin: 0;
}
ul.grille > li:not(.cols):not(.col) {
	width: 320px;
	float: left;
	margin: 0 0 20px 0;
	padding: 0;
}
ul.grille.demi > li:not(.cols):not(.col) {
	width: 150px;
}
ul.grille > li + li:not(.cols):not(.col) {
	margin-left: 20px;
}
ul.grille.une-colonne > li + li:nth-of-type(n+1):not(.cols):not(.col),
ul.grille.deux-colonnes > li + li:nth-of-type(2n+1):not(.cols):not(.col),
ul.grille.trois-colonnes > li + li:nth-of-type(3n+1):not(.cols):not(.col),
ul.grille.quatre-colonnes > li + li:nth-of-type(4n+1):not(.cols):not(.col),
ul.grille.cinq-colonnes > li + li:nth-of-type(5n+1):not(.cols):not(.col),
ul.grille.six-colonnes > li + li:nth-of-type(6n+1):not(.cols):not(.col),

ul.grille.simple.plein > li + li:nth-of-type(n+1):not(.cols):not(.col),
ul.grille.double.plein > li + li:nth-of-type(2n+1):not(.cols):not(.col),
ul.grille.triple.plein > li + li:nth-of-type(3n+1):not(.cols):not(.col),
ul.grille.simple.demi > li + li:nth-of-type(2n+1):not(.cols):not(.col),
ul.grille.double.demi > li + li:nth-of-type(4n+1):not(.cols):not(.col),
ul.grille.triple.demi > li + li:nth-of-type(6n+1):not(.cols):not(.col) {
	clear: left;
	margin-left: 0;
}


/* Une */

section.une section.pastille:not(.col):not(.cols) {
	position: relative;
	float: left;
	width: 320px;
	height: 200px;
	margin: 0 0 20px 20px;
	overflow: hidden;
	background: rgba(0,0,0,.075);
}
section.une section.col.pastille, section.une section.cols.pastille {
	position: relative;
	height: 220px;
}
section.une section.pastille.special {
	background: #F2EEB6;
}
section.une section.pastille.inverse {
	color: #fff;
	background: rgba(0,0,0,.8);
}
section.une section.pastille.premiere:not(.col):not(.cols) {
	clear: left;
	margin-left: 0;
}
section.une section.pastille.double:not(.col):not(.cols) {
	width: 660px;
}
section.une section.pastille.triple:not(.col):not(.cols) {
	width: 1000px;
}
section.une section.pastille.hauteur-double {
	height: 420px;
}
section.une section.pastille.col.hauteur-double,
section.une section.pastille.cols.hauteur-double {
	height: 440px;
}
section.une section.pastille.hauteur-triple {
	height: 640px;
}
section.une section.pastille.col.hauteur-triple,
section.une section.pastille.cols.hauteur-triple {
	height: 660px;
}

section.une a {
	color: #111;
}
section.une section.pastille.inverse a {
	color: #fff;
}
section.une a[href]:hover , section.une a[href]:focus {
	text-decoration: none;
}

section.une section.pastille .texte-superpose {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 15px;
	font-size: 0.975rem;
	letter-spacing: -.05em;
	color: #fff;
	background: rgba(0,0,0,.4);
}
section.une section.pastille .texte-superpose a {
	color: #fff;
	text-decoration: underline;
}
section.une section.pastille .texte-superpose a[href]:hover , section.une section.pastille .texte-superpose a[href]:focus {
	text-decoration: underline;
}

section.une section.pastille section.edition {
	position: absolute;
	bottom: -160px;
	left: 6px;
	right: 6px;
	background: rgba(255,255,255,.95);
	padding: 15px;
	box-shadow: 0 1px 3px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3); -o-box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
section.une section.pastille:hover section.edition , section.une section.pastille:focus section.edition {
	bottom: 6px;
}

/* Tableau de bord */

section.tableau-de-bord section.pastille:not(.special):not(.inverse) {
	background: none;
}

section.tableau-de-bord a.grand-compteur,
section.tableau-de-bord a.grand-bouton {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	box-shadow: 0 2px 6px rgba(0,0,0,.2); -moz-box-shadow: 0 2px 6px rgba(0,0,0,.2); -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2); -o-box-shadow: 0 2px 6px rgba(0,0,0,.2);
}
section.tableau-de-bord section.pastille.col.marge a.grand-compteur,
section.tableau-de-bord section.pastille.col.marge a.grand-bouton,
section.tableau-de-bord section.pastille.col.marge-d a.grand-compteur,
section.tableau-de-bord section.pastille.col.marge-d a.grand-bouton,
section.tableau-de-bord section.pastille.cols.marge a.grand-compteur,
section.tableau-de-bord section.pastille.cols.marge a.grand-bouton,
section.tableau-de-bord section.pastille.cols.marge-d a.grand-compteur,
section.tableau-de-bord section.pastille.cols.marge-d a.grand-bouton {
	right: 20px;
}
section.tableau-de-bord section.pastille.col.marge a.grand-compteur,
section.tableau-de-bord section.pastille.col.marge a.grand-bouton,
section.tableau-de-bord section.pastille.col.marge-b a.grand-compteur,
section.tableau-de-bord section.pastille.col.marge-b a.grand-bouton,
section.tableau-de-bord section.pastille.cols.marge a.grand-compteur,
section.tableau-de-bord section.pastille.cols.marge a.grand-bouton,
section.tableau-de-bord section.pastille.cols.marge-b a.grand-compteur,
section.tableau-de-bord section.pastille.cols.marge-b a.grand-bouton {
	bottom: 20px;
}
section.tableau-de-bord a.grand-compteur[href]:hover, section.tableau-de-bord a.grand-compteur[href]:focus,
section.tableau-de-bord a.grand-bouton[href]:hover , section.tableau-de-bord a.grand-bouton[href]:focus {
	background: #F2EA77;
	text-shadow: 0 0 2px #fff, 0 0 4px #fff, 0 0 10px #fff;
}
section.tableau-de-bord a.grand-compteur span,
section.tableau-de-bord a.grand-bouton span {
	display: block;
	text-align: center;
}
section.tableau-de-bord a.grand-compteur .icone {
	font-size: 2.1rem;
	height: 50px;
	line-height: 50px;
	width: 100%;
}
section.tableau-de-bord a.grand-compteur span.num {
	font-size: 5.2rem;
	height: 80px;
	line-height: 80px;
	letter-spacing: .05em;
}
section.tableau-de-bord a.grand-compteur span.objet {
	font-size: 1.7rem;
	height: 60px;
	line-height: 60px;
}

section.tableau-de-bord a.grand-bouton .icone {
	font-size: 5.2rem;
	padding-top: 40px;
	height: 100px;
	line-height: 100px;
	width: 100%;
}
section.tableau-de-bord a.grand-bouton span.desc {
	font-size: 1.3rem;
	height: 60px;
	line-height: 60px;
}

/* Attributs */

small.attribut, span.attribut {
	background: rgba(0,0,0,.1);
	padding: 0 6px;
	white-space: nowrap;
}
small.attribut.correctif, span.attribut.correctif {
	background: #535922;
	color: #F2EEB6;
	font-weight: bold;
}
small.attribut.correctif a, span.attribut.correctif a {
	color: #F2EEB6;
}

/* Popup */

div.filtre {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background: rgba(0,0,0,.2);
	opacity: 0;
	transition: all cubic-bezier(0.83, 0, 0.17, 1) .1s; -moz-transition: all cubic-bezier(0.83, 0, 0.17, 1) .1s; -webkit-transition: all cubic-bezier(0.83, 0, 0.17, 1) .1s; -o-transition: all cubic-bezier(0.83, 0, 0.17, 1) .1s;
	xbackground: rgba(242, 242, 242, 0.8);
	backdrop-filter: blur(1px);
}
div.filtre.actif {
	z-index: 997;
	opacity: 1;
}

div.filtre {
}
section.global, div.global {
}
/* désactivé car donne résultats bizarres sur firefox,
   à retester plus tard?
.fenetre-actif section.global,
.fenetre-actif div.global {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
*/

div.fenetre {
	position: fixed;
	background: rgba(255,255,255,.975);
	color: #000;
	z-index: 998;
	box-shadow: 0px 3px 15px #000; -moz-box-shadow: 0px 3px 15px #000; -webkit-box-shadow: 0px 3px 15px #000; -o-box-shadow: 0px 3px 15px #000;
	opacity: 0;
	padding: 0;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	overflow: hidden;
}
.o-appli-actif div.fenetre {
	visibility: hidden;
}
.o-appli-actif div.fenetre.actif {
	visibility: visible;
}
.o-appli-actif div.fenetre * {
	opacity: 0;
}
.o-appli-actif div.fenetre.actif * {
	opacity: 1;
}
div.fenetre input {
	color: #000;
}
div.fenetre.actif {
	opacity: 1;
}
div.fenetre header.fenetre {
	padding: 8px 20px;
	margin: 0 0px 20px -20px;
	background: #535922;
	white-space: nowrap;
	border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; -o-border-radius: 2px 2px 0 0;
}
div.fenetre header.fenetre h1 {
	margin: 0;
	/*max-width: 490px;*/
	color: #F2EEB6;
	font-size: 1.125rem;
	font-weight: bold;
	/*letter-spacing: -.05em;*/
	overflow: hidden;
	text-overflow: ellipsis;
}
div.fenetre section.fenetre {
	overflow: auto;
	height: 100%;
	padding: 0 0 0 20px;
}

section.fenetre.sombre header.fenetre {
	background: rgba(255,255,255,.2);
}

section.fenetre > *:last-child {
	padding-bottom: 20px !important;
}
section.fenetre:has(footer.adhesif) > *:last-child {
	padding-bottom: 10px !important;
}

section.fenetre > section.fenetre-retire-marge-interne {
	margin: -20px;
}
section.fenetre > section.fenetre-retire-marge-interne + *:last-child {
	padding-bottom: 0 !important;
}
section.fenetre > section.fenetre-retire-marge-interne nav.menu {
	border: 0;
}

section.fenetre.sombre {
	background: rgba(0,0,0,.975);
	color: #eee;
}
section.fenetre.sombre a {
	color: #eee;
}

div.fenetre section.zone:last-of-type {
	margin-bottom: 0;
}
div.fenetre article {
	margin-top: 0;
}
div.fenetre article section:first-child,
div.fenetre article article:first-child,
div.fenetre article nav:first-child,
div.fenetre article dl:first-child {
	padding-top: 0;
}

@media only screen and (max-width: 683px) {
	div.fenetre {
		left: 0;
		width: 320px;
		border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0;
		padding-left: 0;
		padding-right: 0;
	}
}

/* Attendeur */

div.en-attente {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100vh;
	width: 100vw;
	background: rgba(0,0,0,.2);
	z-index: 99999;
	visibility: hidden;
	opacity: 0;
	transition: all ease-in .3s; -moz-transition: all ease-in .3s; -webkit-transition: all ease-in .3s; -o-transition: all ease-in .3s;
}
div.en-attente.actif {
	visibility: visible;
	opacity: 1;
}
div.en-attente:before {
	font-family: 'font awesome 6 pro';
	font-weight: 300;
	content: "\f3f4";
	color: #fff;
	display: block;
	position: absolute;
	font-style: normal;
	text-align: center;
	font-size: 5.2rem;
	top: calc(50% - 5.2rem);
	width: 100%;
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear;
}
div.en-attente progress {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;

	position: absolute;
	bottom: 16%;
	left: 40%;
	width: 20%;
	height: 6px;
	background: rgba(0,0,0,.2);
	display: none;
}
div.en-attente progress[value] {
	display: block;
}
div.en-attente progress::-webkit-progress-bar {
	background: rgba(0,0,0,.2);
}
div.en-attente progress::-moz-progress-bar {
	background: #fff;
	height: 6px;
	transition: width .4s ease-in; -moz-transition: width .4s ease-in; -webkit-transition: width .4s ease-in; -o-transition: width .4s ease-in;
}
div.en-attente progress::-webkit-progress-value {
	background: #fff;
	height: 6px;
	transition: width .4s ease-in; -moz-transition: width .4s ease-in; -webkit-transition: width .4s ease-in; -o-transition: width .4s ease-in;
}

/* Section */

article section + section {
	margin-top: 20px;
}
article section + section.zone {
	margin-top: 0;
}

section.groupe {
	border-top: 4px solid #000000;
	padding-top: 10px;
}
section.zone + section.groupe.premiere.zone {
	margin-top: 50px;
}
section.groupe.grand {
	border-top-width: 8px;
	border-top-color: ;
	padding-top: 15px;
}

h1.section,
h2.section,
hgroup.section h1,
summary {
	font-size: 1.3rem;
	color: #000000;
	font-family: instrument-sans, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif;
	font-weight: bold;
	margin: 0;
}
h1.section,
h2.section,
hgroup.section h1,
details[open] summary {
  margin-bottom: 10px;
}
h1.section .icone,
h2.section .icone,
hgroup.section h1 .icone,
summary .icone {
	font-weight: bold;
	margin-right: 10px;
}
hgroup.section h2 {
	font-size: 0.975rem;
	font-family: instrument-sans, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif;
	color: #000000;
	margin: 0;
	margin-bottom: 10px;
}
aside > h1.section,
aside > h2.section,
aside > hgroup.section h1 {
	border-top: 0;
}
h1.section.petit,
h2.section.petit,
hgroup.section.petit h1,
summary.petit {
	font-size: 1.125rem;
}
h1.section.grand,
h2.section.grand,
hgroup.section.grand h1,
summary.grand {
	font-size: 1.45rem;
}
h1.section.appel,
h2.section.appel,
hgroup.section.appel h1,
summary.appel {
	color: ;
	font-size: 1.45rem;
	font-weight: 300;
	line-height: 1em;
}
h1.section + nav.menu,
h2.section + nav.menu,
hgroup.section + nav.menu,
summary + nav.menu {
	clear: left;
	margin-top: 10px;
}
h1.section a,
h2.section a,
hgroup.section a,
summary > a {
	color: #000000;
}
h1.section a[href]:hover, h1.section a[href]:focus,
h2.section a[href]:hover, h2.section a[href]:focus,
hgroup.section a[href]:hover, hgroup.section a[href]:focus,
summary > a[href]:hover , summary > a[href]:focus {
	color: #6c7f9d;
}
h1.section .compteur,
h2.section .compteur,
hgroup.section .compteur,
summary .compteur {
	background: #000000;
}

summary {
	display: block;
	cursor: pointer;
}
summary:hover , summary:focus {
	text-decoration: underline;
}
summary:before {
	font-family: 'font awesome 6 pro';
	font-weight: 900;
	display: inline-block;
	content: "\f105";
	opacity: 1;
	margin-right: 4px;
	font-style: normal;
	transition: transform ease-out .2s; -moz-transition: transform ease-out .2s; -webkit-transition: transform ease-out .2s; -o-transition: transform ease-out .2s;
}
details[open] summary:before {
	transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg);
}
details:not([open]) summary:before {
	transform: none; -moz-transform: none; -webkit-transform: none; -o-transform: none;
}
summary::-webkit-details-marker {
	display: none;
}
summary:has(+ nav.aussi.horizontal),
summary:has(+ nav.util) {
	display: inline-block;
}
summary:has(+ nav.aussi.horizontal) + nav.aussi.horizontal,
summary:has(+ nav.util) + nav.util {
	display: inline-block;
	float: none !important;
	width: auto !important;
	margin-left: 24px;
}

/* Texte normal */

section.normal {
	padding: 0;
}
section.lecture {
	text-align: justify;
	font-family: le-monde-livre-classic-byol, 'liberation serif', times, 'times new roman', serif;
}
section p {
	font-size: 0.975rem;
	line-height: 1.5em;
	margin: 0;
}
section * + p,
section p + *,
section p + ul.liste {
	margin-top: 0.5em;
}
section p.petit {
	font-size: 0.825rem;
}
section.lecture p {
	font-size: 1.125rem;
	margin: 1em 0 0 0;
}
section.normal ul {
	margin: 0.5em 0 0 0;
	padding: 0 0 0 1.5em;
}
section.normal li {
	font-size: 0.975rem;
	line-height: 1.5em;
	margin: 0.5em 0 0 0;
}
section.normal ul.petit {
	padding: 0 0 0 .9em;
}
section.normal ul.petit li {
	font-size: 0.825rem;
}
section.normal h1:not(.section) {
	color: #111;
	font-size: 1.125rem;
	font-weight: bold;
	margin: 1.5em 0 0.5em 0;
}
section.normal h2 {
	color: #111;
	font-size: 0.975rem;
	margin: 1.5em 0 0.5em 0;
}
section.normal p + h1,
section.normal ul + h1 {
	margin-top: 1.5em;
}
section.normal * + nav.mini {
	margin-top: 0.5em;
}
section div.message {
	font-size: 0.975rem;
	font-weight: bold;
	text-indent: 0;
}
section * + div.message,
section div.message + * {
	margin-top: 1.5em;
}

/* Figure */

figure {
	margin: 0;
	padding: 0;
}
figure figcaption {
	margin: 12px 0 0 0;
	font-size: 0.975rem;
}
figure figcaption:before {
	font-family: 'font awesome 6 pro';
	font-weight: 900;
	content: "\f2ec";
	vertical-align: baseline;
	line-height: 1em;
	opacity: 1;
	margin-right: 4px;
	font-size: 0.6em;
	font-style: normal;
}
figure nav.aussi {
	margin: 12px 0 0 0;
}

/* Discussion */

ul.discussion {
	margin: 0;
	padding: 0;
}
ul.discussion > li {
	margin: 0;
	padding: 0;
	display: block;
}
ul.discussion > li + li {
	margin-top: 1.6rem;
}
ul.discussion > li:after {
	position: static;
	display: block;
	height: 0;
	content: ' ';
	clear: both;
}
ul.discussion div.avatar {
	float: left;
	width: 3rem;
}
ul.discussion div.contenu {
	margin-left: 4rem;
}
ul.discussion div.contenu header {
	font-size: 0.975rem;
}
ul.discussion div.contenu header .nom {
	font-weight: bold;
}
ul.discussion div.contenu header time {
	color: rgba(0,0,0,.4);
	margin-left: 1rem;
}
ul.discussion div.contenu p {
	font-size: 1.125rem;
}

/* Table */

table.coulissante {
	display: block;
	overflow: auto;
}
h1 + table,
table + footer {
	margin-top: 15px;
}
table + * {
	margin-top: 15px;
}
table + nav.multipage,
table + search.multipage {
	border-top-width: 0;
}
nav.onglets + table,
nav.filtres + table,
search.filtres + table,
nav.multipage + table,
search.multipage + table,
nav.recherche + table,
search.recherche + table {
	margin-top: 15px;
}
nav.onglets + table tbody:first-child tr:first-child td,
nav.filtres + table tbody:first-child tr:first-child td,
search.filtres + table tbody:first-child tr:first-child td,
nav.multipage + table tbody:first-child tr:first-child td,
search.multipage + table tbody:first-child tr:first-child td,
nav.recherche + table tbody:first-child tr:first-child td,
search.recherche + table tbody:first-child tr:first-child td {
	border-top: 0;
}
table {
	border-collapse: collapse;
	width: 100%;
	border: 1.2px solid rgba(0,0,0,.2);
}
table th {
	text-align: left;
	font-size: 0.975rem;
	font-weight: bold;
	color: #F2EEB6;
	background-color: #000000;
	background-size: 6px 6px;
	background-image: repeating-linear-gradient(-45deg, rgb(255,255,255,.3) 0, rgb(255,255,255,.3) 0.4px, rgb(0,0,0,0) 0, rgb(0,0,0,0) 50%);
	vertical-align: bottom;
	padding: 4px 16px 4px 16px;
}
@media print {
	table th {
		background-image: none;
	}
}
table th + th {
}
table.petit th,
table th.petit {
	font-size: 0.825rem;
	padding: 4px 10px 4px 10px;
}
table.grand th,
table th.grand {
	font-size: 0.975rem;
	padding: 6px 20px 6px 20px;
}
table th a {
	color: #6c7f9d;
}
table th a.filtre {
	white-space: nowrap;
}
table th a.filtre img {
	margin-left: 5px;
}
table th.minitri:has(a) {
	xposition: relative;
	white-space: nowrap;
	padding-left: 0px;
}
table th nav.minitri {
	margin-left: -16px;
	xposition: relative;
	display: inline-block;
}
table th.minitri a {
	display: inline-block;
}
table th nav.minitri a {
	display: block;
}
table th.minitri a .icones,
table th nav.minitri a .icones {
	display: inline-block;
	width: 16px;
}
table th.minitri a .icones .icone,
table th nav.minitri a .icones .icone {
	display: none;
}
table th.minitri a .description,
table th nav.minitri a .description {
	display: inline-block;
}
table th.minitri a.actif .icones .icone,
table th nav.minitri a.actif .icones .icone {
	font-weight: bold;
}
table th.minitri a:not(.actif) .icones .icone.si-inactif,
table th.minitri a.actif:not(.desc) .icones .icone.si-actif.si-asc,
table th.minitri a.actif.desc .icones .icone.si-actif.si-desc,
table th nav.minitri a:not(.actif) .icones .icone.si-inactif,
table th nav.minitri a.actif:not(.desc) .icones .icone.si-actif.si-asc,
table th nav.minitri a.actif.desc .icones .icone.si-actif.si-desc {
	display: block;
}
table tr + tr th {
	border-top: 1.2px solid rgba(0,0,0,.2);
}
table tr.debut-section {
	background: rgba(0,0,0,.05);
}
table td {
	vertical-align: top;
	font-size: 0.975rem;
	padding: 8px 16px;
	border-top: 1.2px solid rgba(0,0,0,.2);
	font-feature-settings: 'tnum';
	-webkit-font-feature-settings: 'tnum';
	-moz-font-feature-settings: 'tnum';
	-moz-font-feature-settings: 'tnum=1';
	overflow: hidden;
	text-overflow: ellipsis;
}
table td + td,
table.fichiers td,
table td.forcer-cadre {
	xborder-left: 1.2px solid rgba(0,0,0,.2);
}
table:not(.fichiers) tbody tr:nth-of-type(2n) td {
	background-size: 3px 3px;
	background-image: repeating-linear-gradient(-45deg, rgb(0,0,0,.2) 0, rgb(0,0,0,.2) 0.4px, rgb(0,0,0,0) 0, rgb(0,0,0,0) 50%);
}
table tfoot td {
	border-top-width: 4.8px;
	border-top-style: double;
	font-weight: bold;
	background-size: 3px 3px;
	background-image: repeating-linear-gradient(-45deg, rgb(0,0,0,.4) 0, rgb(0,0,0,.4) 0.4px, rgb(0,0,0,0) 0, rgb(0,0,0,0) 50%);
}
@media print {
	table:not(.fichiers) tbody tr:nth-of-type(2n) td,
	table tfoot td {
		background: rgba(0,0,0,.05);
		background-image: none;
	}
}
table.fichiers td:last-child {
	xborder-right: 1.2px solid rgba(0,0,0,.2);
}
table tr.double td {
	border-top-width: 2.4px;
}
table.fichiers tr:nth-of-type(2n + 1) td {
	background: rgba(0,0,0,.05);
}
table.etroit th,
table.etroit td,
table th.etroit,
table td.etroit {
	letter-spacing: -.02em;
}
table.petit td,
table td.petit {
	font-size: 0.825rem;
	padding: 6px 10px;
}
table.grand td,
table td.grand {
	font-size: 1.125rem;
	padding: 12px 20px;
}
table td.description {
	font-size: 0.825rem;
	font-weight: bold;
}
table th.image,
table td.image {
	padding: 8px;
	width: 64px;
}
table th.avatar,
table td.avatar {
	padding: 4px;
	width: 28px;
}
table td.avatar a {
	width: 32px;
	height: 32px;
}
table td.avatar img {
	border-radius: 32px; -moz-border-radius: 32px; -webkit-border-radius: 32px; -o-border-radius: 32px;
}
table th.clef,
table td.clef {
	text-align: right;
	width: 1.2rem;
}
table td.clef {
	color: #999;
}
table th.num,
table td.num {
	text-align: right;
	width: 2.4rem;
}
table th.cout,
table td.cout {
	text-align: right;
}
table th.prix,
table td.prix {
	text-align: right;
	width: 55px;
}
table th.pourcent,
table td.pourcent {
	text-align: right;
	width: 55px;
}
table th.reduit,
table td.reduit {
	max-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
}
table tr.special td,
table tr.playing td {
	background: #EBFA78;
}
table tr.total td,
table td.total {
	font-weight: bold;
}
table td.util {
	padding: 2px 2px;
	text-align: right;
	width: 2.2rem;
}
table.fichiers td.util {
	padding: 2px 2px;
}
table th.icone,
table th.util,
table td.icone {
	padding: 2px 2px;
	width: 2.2em;
	text-align: center;
}
table td.icone .icone {
	display: inline-block;
	font-size: 1.125rem;
	height: 2.2rem;
	line-height: 2.2rem;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	font-weight: bold;
}
table.fichiers td:not(.util):not(.icone):not(.prix) {
	width: 100%;
}
table tr.pale td {
	background: rgba(0,0,0,.05);
	opacity: .6;
}
table tr.inverse td {
	color: #eee;
	background: rgba(0,0,0,.9);
	border-color: rgba(255,255,255,.4);
}
table td.titre {
	font-weight: bold;
}
table td:not(.util):not(.icone):not(.etoiles) .icone {
	margin-right: 6px;
}
table td:not(.util):not(.icone):not(.etoiles) > .icone,
table td:not(.util):not(.icone):not(.etoiles) small .icone {
	font-weight: bold;
}
table td .ident {
	display: inline-block;
	font-weight: normal;
	font-size: 0.825rem;
	font-family: 'fira code', 'liberation mono', 'courier new', courier, monospaced;
	margin-left: 6px;
}
table td [data-copier].ident.actif:hover , table td [data-copier].ident.actif:focus {
	border-bottom: 1px dotted #111;
	cursor: copy;
}
table td [data-copier].ident.actif.reussi {
	color: #F2EEB6;
	background: #6c7f9d;
}
table td small {
	font-size: 0.825rem;
	line-height: 1.125rem;
	display: block;
	font-weight: normal;
}

table td.derouleur-deroulable {
	width: 2em;
	padding-right: 0;
}
table td.derouleur-deroulable a.derouleur {
	display: block;
	text-align: center;
	color: #111;
}

table td ul {
	margin: 0;
}
table td ul li {
	list-style: none;
	margin-left: 0;
}
table td ul li.derouleur-deroulable a.derouleur[href]:hover , table td ul li.derouleur-deroulable a.derouleur[href]:focus {
	text-decoration: none;
}
table td ul li.derouleur-deroulable a.derouleur[href]:hover:after, table td ul li.derouleur-deroulable a.derouleur[href]:focus:after,
table td ul li.derouleur-deroulable a.derouleur.actif:after {
	position: absolute;
	display: inline-block;
  font: normal normal normal 14px/1 'Font Awesome 5 Pro', FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	content: "\f0d7";
	font-weight: bold;
	line-height: 1.2em;
	margin-left: 4px;
	width: 0;
}

.long-texte table {
	margin: 1.5em 0;
	border-bottom: 2.4px solid #111;
}
.long-texte th + th,
.long-texte td + td {
	border-left: 2.4px solid #111;
}
.long-texte td {
	border-top: 2.4px solid #111;
}

@media only screen and (max-width: 683px) {
	table {
		display: block;
		overflow: auto;
	}
}

/* Calendrier */

nav.mois + table.calendrier {
	margin-top: 12px;
}
nav.mois + table.grand-calendrier {
	margin-top: 1.2rem;
}
nav.mois {
}
nav.mois > a {
	font-size: 1.3rem;
	color: #111;
	line-height: 2.4em;
	height: 2.4em;
	padding: 0 8px;
	display: block;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
}
nav.mois.petit > a {
	font-size: 1.125rem;
	padding: 0 6px;
}
nav.mois > a.accueil {
	float: left;
}
nav.mois > a.precedent {
	float: left;
}
nav.mois > a.nom {
	text-align: center;
	border: 1.2px solid rgba(0,0,0,.1);
}
nav.mois > a.nom.aujourdhui {
	text-decoration: underline;
}
nav.mois > a.suivant {
	float: right;
}
nav.mois > a.autres-moiss {
	float: right;
}
nav.mois > a[href]:hover , nav.mois > a[href]:focus {
	text-decoration: none;
	background-size: 4px 4px;
	background-image: repeating-linear-gradient(-45deg, #6c7f9d 0, #6c7f9d 0.4px, rgb(0,0,0,0) 0, rgb(0,0,0,0) 50%);
}
nav.mois > a.ici {
	color: #F2EEB6;
	background: #6c7f9d;
}

nav.autres-moiss {
	margin: 0 !important;
}
nav.autres-moiss nav.annee {
	display: none;
}
nav.autres-moiss nav.annee.actif {
	display: block;
}
nav.autres-moiss nav.annee header {
	border-bottom: 1.2px solid rgba(0,0,0,.1);
}
nav.autres-moiss nav.annee header a.direction {
	display: block;
	font-size: 1.125rem;
	line-height: 32px;
	height: 32px;
	width: 32px;
	text-align: center;
	color: #111;
}
nav.autres-moiss nav.annee header a.direction[href]:hover , nav.autres-moiss nav.annee header a.direction[href]:focus {
	background: rgba(0,0,0,.2);
}
nav.autres-moiss nav.annee header a.precedent {
	float: left;
}
nav.autres-moiss nav.annee header a.suivant {
	float: right;
}
nav.autres-moiss nav.annee header h1 {
	font-size: 1.125rem;
	text-align: center;
	line-height: 32px;
	height: 32px;
	font-weight: normal;
	color: #535922;
}
nav.autres-moiss nav.annee li a {
	text-align: center;
	width: 100px;
	color: #999;
}
nav.autres-moiss nav.annee li a.interessant {
	color: #111;
}

table.calendrier {
}
table.calendrier td,
table.calendrier th {
	padding: 0;
}
table.calendrier th {
	padding: 0 8px 4px 8px;
	font-size: 0.825rem;
}
table.calendrier.petit th {
	padding: 0 6px 4px 6px;
}
table.calendrier td {
	border: 1.2px solid rgba(0,0,0,.1);
}
table.calendrier a {
	position: relative;
	display: block;
	padding: 0 8px;
	font-size: 1.3rem;
	line-height: 2.4em;
	color: #111;
}
table.calendrier.petit a {
	padding: 0 6px;
	font-size: 1.125rem;
}
table.calendrier td.aujourdhui a {
	text-decoration: underline;
}
table.calendrier td.hors-mois a {
	color: rgba(0,0,0,.2);
}
table.calendrier td.hors-periode {
	background: rgba(0,0,0,.05);
}
table.calendrier a[href]:hover , table.calendrier a[href]:focus {
	text-decoration: none;
	background: #F2EA77;
}
table.calendrier td.interessant {
	background: rgba(0,0,0,.075);
}
table.calendrier a.ici {
	background: #6c7f9d;
	color: #F2EEB6;
}

/* Grand calendrier */

table.grand-calendrier td {
	width: 14.286%;
	border-left: 1px solid rgba(0,0,0,.1) !important;
	height: 8rem;
	hyphens: auto;
	padding: 6px;
}
table.grand-calendrier td.hors-mois {
	color: rgba(0,0,0,.4);
}
table.grand-calendrier td.hors-mois a {
	color: rgba(0,0,0,.4);
}
table.grand-calendrier td div.jour {
	float: right;
	font-size: 1.125rem;
	height: 2.2rem;
	line-height: 2.2rem;
	width: 2.2rem;
	text-align: center;
}
table.grand-calendrier td.aujourdhui div.jour {
	color: #F2EEB6;
	background: #111;
}
table.grand-calendrier td div.jour a {
	display: block;
	height: 2.2rem;
	line-height: 2.2rem;
	width: 2.2rem;
}
table.grand-calendrier td div.jour a[href]:hover , table.grand-calendrier td div.jour a[href]:focus {
	background-size: 4px 4px;
	background-image: repeating-linear-gradient(-45deg, #6c7f9d 0, #6c7f9d 0.4px, rgb(0,0,0,0) 0, rgb(0,0,0,0) 50%);
	text-decoration: none;
}
table.grand-calendrier td ul,
table.grand-calendrier td menu {
	margin-top: 0.2rem;
	clear: right;
}
table.grand-calendrier td ul li,
table.grand-calendrier td menu li {
	margin-top: 0.2rem;
	margin-left: 0.8rem;
	font-size: 0.825rem !important;
	list-style: square;
}
table.grand-calendrier td ul li.journee {
	list-style: none;
	margin-left: 0;
}
table.grand-calendrier td ul li.journee a {
	display: inline-block;
	background: rgba(0,0,0,.1);
	padding: 0 4px;
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px;
}
table.grand-calendrier td ul + ul:before {
	position: static;
	display: block;
	margin-top: 6px;
	margin-bottom: 6px;
	width: 50%;
	height: 1px;
	background: #6c7f9d;
	content: ' ';
}
table.grand-calendrier td > nav.util {
	opacity: 0;
}
table.grand-calendrier td:hover > nav.util , table.grand-calendrier td:focus > nav.util {
	opacity: 1;
}

ul.taches li {
	list-style: none;
}
ul.taches .icone ~ .description {
	margin-left: 6px;
}

/* Infos */

ul.infos {
	margin: 0;
	padding: 0;
}
ul.infos li {
	list-style: square;
	margin: 0 0 0 1.2em;
	padding: 0;
	font-size: 0.825rem;
}
ul.infos li + li {
	margin-top: 6px;
}
ul.infos li b {
	color: #999;
}

/* Espace réservé */

[data-ranime] {
	clear: both;
}
.espace-reserve {
	clear: both;
	height: 60px;
}

/* Afficheur */

[data-afficheur] {
	display: none;
}
[data-afficheur].actif {
	display: block;
}

.nouveau-contenu:not(.suggestions) {
  -webkit-animation-name: swashIn;
  animation-name: swashIn;
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.en-fermeture {
  -webkit-animation-name: puffOut;
  animation-name: puffOut;
  -webkit-animation-duration: .2s;
          animation-duration: .2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

/* Magic - https://www.minimamente.com */

@-webkit-keyframes puffIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(2, 2); -moz-transform: scale(2, 2); -webkit-transform: scale(2, 2); -o-transform: scale(2, 2);
    -webkit-filter: blur(2px);
            filter: blur(2px); }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1);
    -webkit-filter: blur(0px);
            filter: blur(0px); } }

@keyframes puffIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(2, 2); -moz-transform: scale(2, 2); -webkit-transform: scale(2, 2); -o-transform: scale(2, 2);
    -webkit-filter: blur(2px);
            filter: blur(2px); }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1);
    -webkit-filter: blur(0px);
            filter: blur(0px); } }

@-webkit-keyframes puffOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1);
    -webkit-filter: blur(0px);
            filter: blur(0px); }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0); -moz-transform: scale(0, 0); -webkit-transform: scale(0, 0); -o-transform: scale(0, 0);
    -webkit-filter: blur(2px);
            filter: blur(2px); } }

@keyframes puffOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1);
    -webkit-filter: blur(0px);
            filter: blur(0px); }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0); -moz-transform: scale(0, 0); -webkit-transform: scale(0, 0); -o-transform: scale(0, 0);
    -webkit-filter: blur(2px);
            filter: blur(2px); } }

.swashIn {
  -webkit-animation-name: swashIn;
  animation-name: swashIn; }

@-webkit-keyframes swashIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0); } -moz-transform: scale(0, 0); } -webkit-transform: scale(0, 0); } -o-transform: scale(0, 0); }
  90% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(0.9, 0.9); } -moz-transform: scale(0.9, 0.9); } -webkit-transform: scale(0.9, 0.9); } -o-transform: scale(0.9, 0.9); }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1); } } -moz-transform: scale(1, 1); } } -webkit-transform: scale(1, 1); } } -o-transform: scale(1, 1); } }

@keyframes swashIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0); } -moz-transform: scale(0, 0); } -webkit-transform: scale(0, 0); } -o-transform: scale(0, 0); }
  90% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(0.9, 0.9); } -moz-transform: scale(0.9, 0.9); } -webkit-transform: scale(0.9, 0.9); } -o-transform: scale(0.9, 0.9); }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1); } } -moz-transform: scale(1, 1); } } -webkit-transform: scale(1, 1); } } -o-transform: scale(1, 1); } }

/* Mini-profil */

section.mini-profil .est-avatar {
	float: left;
}
section.mini-profil section.infos {
	float: right;
	width: 165px;
}
section.mini-profil div.nom {
	font-size: 1.125rem;
}
section.mini-profil div.nom a {
	color: #111;
}
section.mini-profil div.type {
	font-size: 0.825rem;
	margin-top: 3px;
}
section.mini-profil section.infos nav.menu {
	margin: 15px 0 0 0;
}

/* Complément */

footer.complement {
	font-size: 0.825rem;
	margin-top: 20px;
	border-top: 1.2px solid rgba(0,0,0,.2);
	padding-top: 6px;
}

/* Utilisateurs */

h1 + ul.utilisateurs,
nav.multipage + ul.utilisateurs,
search.multipage + ul.utilisateurs,
ul.utilisateurs + nav.multipage,
ul.utilisateurs + search.multipage {
	margin-top: 18px;
}
ul.utilisateurs {
	margin: 0;
	padding: 0;
}
li.utilisateur {
	list-style: none;
	margin: 0;
	padding: 0;
}
li.utilisateur + li.utilisateur {
	margin-top: 18px;
}
li.utilisateur a.est-avatar {
	float: left;
	width: 72px;
	margin-right: 10px;
	border-radius: 72px; -moz-border-radius: 72px; -webkit-border-radius: 72px; -o-border-radius: 72px;
}
li.utilisateur a.est-avatar img {
	width: 72px;
	height: 72px;
	border-radius: 72px; -moz-border-radius: 72px; -webkit-border-radius: 72px; -o-border-radius: 72px;
}
li.utilisateur section.infos {
	margin-left: 90px;
}
li.utilisateur div.nom {
	font-size: 1.125rem;
	font-weight: bold;
}
li.utilisateur div.categorie {
	font-size: 0.975rem;
}

div.avatar img {
	border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%;
}

/* Moi */

li.moi {
	background: ;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

/* Journal */

section > h1 + ul.episodes {
	margin-top: 15px;
}
ul.episodes + nav.menu {
	margin-top: 15px;
}
ul.episodes {
	margin: 0;
	padding: 0;
}
ul.episodes li,
li.episode {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	padding: 7px 20px;
}
ul.episodes li + li,
li.episode + li.episode {
	margin-top: 1px;
}
ul.episodes li:nth-of-type(2n+1),
li.episode:nth-of-type(2n+1) {
	background: rgba(0,0,0,.05);
}
ul.episodes li a[href]:hover, ul.episodes li a[href]:focus,
li.episode a[href]:hover , li.episode a[href]:focus {
	text-decoration: underline;
}

ul.episodes div.avatar {
	float: left;
	width: 36px;
	height: 36px;
}
ul.episodes div.avatar img {
	width: 36px;
	height: 36px;
	border-radius: 36px; -moz-border-radius: 36px; -webkit-border-radius: 36px; -o-border-radius: 36px;
}
ul.episodes section.infos {
	margin: 0 0 0 48px;
}
ul.episodes div.contenu {
	font-size: 1.125rem;
	line-height: 24px;
}
ul.episodes div.contenu span.systeme {
	color: #535922;
}
ul.episodes div.moment {
	font-size: 0.825rem;
	line-height: 12px;
	font-feature-settings: 'tnum';
	-webkit-font-feature-settings: 'tnum';
	-moz-font-feature-settings: 'tnum';
	-moz-font-feature-settings: 'tnum=1';
}
li.episode nav.deroulable a {
	color: #111;
}

/* Dialogue fixe */

section.dialogue-fixe {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
	background: #fff;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	padding: 12px 20px;
	box-shadow: 0 -4px 10px rgba(0,0,0,.4); -moz-box-shadow: 0 -4px 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 -4px 10px rgba(0,0,0,.4); -o-box-shadow: 0 -4px 10px rgba(0,0,0,.4);
	overflow: hidden;
}
section.dialogue-fixe.accepte {
	height: 0;
	padding: 0 20px;
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none;
}

/* Pied de page global */

footer.global {
/*	border-top: 2.4px solid #000000; */
	padding-top: 24px;
}
footer.global section.signature {
	border-top: 1.2px solid #999;
}
footer.global nav.aussi li,
footer.global p {
	font-size: 0.975rem;
}

/* Actes et avatars */

.avatar img {
	border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%;
}

.acte {
	padding: 6px 0;
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px;
	margin-bottom: 6px;
}
.acte.frais {
	background: #ff9;
}
.acte p {
	line-height: 24px;
	font-size: 1.125rem;
	margin-left: 32px;
	text-indent: -32px;
}
.acte p .avatar {
	width: 24px;
	height: 24px;
	margin-right: 8px;
	float: left;
}
.acte p .avatar img {
	height: 24px;
}
.acte p .icone {
	font-weight: bold;
	text-indent: 0;
}
.acte p .icone.fa-heart {
	color: #f30 !important;
}
.acte p .domaine {
	opacity: .5;
}
.acte p a:hover .domaine , .acte p a:focus .domaine {
	opacity: 1;
}

/* Infos */

footer.stats {
	font-size: 0.825rem;
	margin-left: 32px;
}
footer.stats > .stat,
footer.stats > .nav {
	margin-left: 8px;
}
footer.stats > .stat .icone,
footer.stats > .nav .icone {
	margin-right: 2px;
}

/* Graf */

.graf {
	position: relative;
}
.graf-lineaire {
	margin-bottom: 24px;
}
path.graf-lineaire-fond {
	stroke: none;
	fill: rgba(0,0,0,.075);
}
path.graf-lineaire-ligne {
	stroke: #535922;
	stroke-width: 1;
	fill: none;
}
path.graf-lineaire-ligne.futur {
	stroke-dasharray: 4, 4;
}
.graf-lineaire-zones {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.graf-lineaire-zone {
	position: absolute;
}
.graf-lineaire-zone > a {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
.graf-lineaire-point {
	position: absolute;
	display: block;
	width: 100%;
	color: #535922;
	text-align: center;
}
.graf-lineaire-point .icone {
	font-size: 0.8vw;
	line-height: 0.8vw;
	position: relative;
	top: -0.4vw;
	vertical-align: top;
}
.graf-lineaire-zone > a.ici .graf-lineaire-point .icone {
	font-size: 1.6vw;
	line-height: 1.6vw;
	top: -0.8vw;
}
.graf-lineaire-valeur {
	position: absolute;
	display: none;
	width: 100%;
	text-align: center;
	font-size: 0.975rem;
}
.graf-lineaire-valeur.au-dessus {
	top: -2.4vw;
}
.graf-lineaire-valeur.en-dessous {
	top: 0.8vw;
}
.graf-lineaire-desc {
	position: absolute;
	top: calc(100% + 12px);
	display: block;
	width: 100%;
	text-align: center;
	font-size: 0.825rem;
	font-weight: bold;
}
.graf-lineaire-zone:hover , .graf-lineaire-zone:focus {
	background: rgba(0,0,0,.1);
}
.graf-lineaire-zone:hover .graf-lineaire-valeur , .graf-lineaire-zone:focus .graf-lineaire-valeur {
	display: block;
}

/* Diaporama */

[data-diaporama] > * {
	transition: left ease-out .4s; -moz-transition: left ease-out .4s; -webkit-transition: left ease-out .4s; -o-transition: left ease-out .4s;
}
[data-diaporama] a.precedent,
[data-diaporama] a.suivant {
	position: absolute;
	display: grid;
	align-items: center;
	justify-content: center;
	top: 0;
	bottom: 0;
	padding: auto 0;
	width: 3.5vmax;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	xopacity: 0;
	transition: opacity ease-out .4s, background ease-out .4s; -moz-transition: opacity ease-out .4s, background ease-out .4s; -webkit-transition: opacity ease-out .4s, background ease-out .4s; -o-transition: opacity ease-out .4s, background ease-out .4s;
}
[data-diaporama]:hover a.precedent, [data-diaporama]:focus a.precedent,
[data-diaporama]:hover a.suivant , [data-diaporama]:focus a.suivant {
	opacity: 1;
}
[data-diaporama] a.precedent:hover, [data-diaporama] a.precedent:focus,
[data-diaporama] a.suivant:hover , [data-diaporama] a.suivant:focus {
	background: rgba(0,0,0,.1);
}
[data-diaporama] a.suivant {
	right: 0;
}
[data-diaporama] a.precedent:after,
[data-diaporama] a.suivant:after {
	display: block;
	font-family: 'font awesome 6 pro';
	font-weight: 300;
	font-size: 3vw;
}
[data-diaporama] a.precedent:after {
	content: "\f104";
}
[data-diaporama] a.suivant:after {
	content: "\f105";
}
[data-diaporama] nav.pages {
	position: absolute;
	bottom: 1vmax;
	left: 0;
	right: 0;
	text-align: center;
	xopacity: 0;
	transition: opacity ease-out .4s, background ease-out .4s; -moz-transition: opacity ease-out .4s, background ease-out .4s; -webkit-transition: opacity ease-out .4s, background ease-out .4s; -o-transition: opacity ease-out .4s, background ease-out .4s;
}
[data-diaporama]:hover nav.pages , [data-diaporama]:focus nav.pages {
	opacity: 1;
}
[data-diaporama] nav.pages a {
	display: inline-block;
	width: 2vmax;
	height: 2vmax;
	line-height: 2vmax;
	cursor: pointer;
}
[data-diaporama] nav.pages a:after {
	display: block;
	font-family: 'font awesome 6 pro';
	font-weight: 900;
	font-size: 1vmax;
	content: "\f111";
}
[data-diaporama] nav.pages a.ici:after {
	font-weight: 300;
}

/* FontAwesome */

.icone[title], .icone.descriptible {
	cursor: default;
}

.fa-stack {
	width: 1;
	height: 1;
	line-height: 1;
	font-size: .5em;
	top: -.25em;
}
.fa-stack-1x {
	line-height: 2em;
}

.fa-check:not(.fa-couleur-texte):not(.fa-couleur-jaune):not(.fa-couleur-rouge),
.fa-check-circle:not(.fa-couleur-texte):not(.fa-couleur-jaune):not(.fa-couleur-rouge),
.fa-check-square-o:not(.fa-couleur-texte):not(.fa-couleur-jaune):not(.fa-couleur-rouge),
.fa-dot-circle-o:not(.fa-couleur-texte):not(.fa-couleur-jaune):not(.fa-couleur-rouge),
.fa-unlock:not(.fa-couleur-texte):not(.fa-couleur-jaune):not(.fa-couleur-rouge),
.fa-unlock-alt:not(.fa-couleur-texte):not(.fa-couleur-jaune):not(.fa-couleur-rouge),
.fa-thumbs-up:not(.fa-couleur-texte):not(.fa-couleur-jaune):not(.fa-couleur-rouge),
.fa-couleur-verte {
	color: #339933;
}

.fa-exclamation-triangle:not(.fa-couleur-texte):not(.fa-couleur-rouge),
.fa-couleur-jaune {
	color: #ffcc33;
}

.fa-ban:not(.fa-couleur-texte),
.fa-exclamation:not(.fa-couleur-texte),
.fa-exclamation-circle:not(.fa-couleur-texte),
.icone.icone-favori-actif:not(.fa-couleur-texte),
.fa-thumbs-down:not(.fa-couleur-texte),
.fa-couleur-rouge {
	color: #ff3333;
}

.fa-couleur-speciale {
	color: #535922;
}