/**
 * ardennes.css.php
 * (c) 2018-2021, david turgeon
 * dt@electrocd.com
 * version 2021-07-20
 */

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

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

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

a.etiquette,
span.etiquette {
	display: inline-block;
	white-space: nowrap;
	font-size: 0.825rem;
	color: #fff;
	background-color: rgba(0,0,0,.8);
	padding: 0 2px;
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px;
	font-weight: bold;
	cursor: default;
}
a.etiquette {
	background: #192c5c;
	cursor: pointer;
}
a.etiquette.fond-jaune,
span.etiquette.fond-jaune {
	color: #000;
}

/* Messages */

section.messages {
	position: relative;
	z-index: 2;
	color: #000;
	padding: 10px 0;
	border: 1px solid rgba(0,0,0,.2);
}
section.messages + section.messages {
	margin-top: 6px;
}
section.messages.avertissements {
}
section.messages.erreurs {
	color: #f30;
}
section.messages ul {
	margin: 0;
	padding: 0 0 0 15px;
}
section.messages.avertissements li:before,
section.messages.erreurs li:before {
	font-family: 'font awesome 5 pro';
	font-weight: 300;
	content: "\f071";
	display: inline-block;
	width: 1.2em;
	text-align: center;
	margin-right: 6px;
}
section.messages li {
	list-style: square;
	margin: 0;
	padding: 0;
}
section.messages li + li {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid rgba(0,0,0,.2);
}

/* Section principale */

section.principal {
	background: #fff;
}
section.principal .ecran:not(.restreint) {
	position: static; 
}
section.principal article.lecture {
	width: 660px;
	margin: 0 auto;
}

/* Navigation d’en-tête */

nav.entete {
	float: right;
	margin: 0 0 5px 15px;
	font-size: 0.825rem;
}
nav.entete a {
	display: block;
	text-align: center;
	float: left;
	color: #767676;
	height: 15px;
	line-height: 15px;
	padding: 3px 7px;
	white-space: nowrap;
}
nav.entete a + a {
	border-left: 1px solid rgba(0,0,0,.05);
}
nav.entete a[href]:hover {
	text-decoration: none;
	color: #000;
}
nav.entete a.actif,
nav.entete nav.mode a.ici {
	background: rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); -o-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
nav.entete a.filtre-actif {
	font-weight: bold;
	background: #EBFA78;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); -o-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
nav.entete a img.icone {
	float: left;
	vertical-align: middle;
	position: relative;
	top: 2px;
}
nav.entete a .icone {
	font-size: 1.2em;
}
nav.entete a .icone + span.description {
	margin-left: 5px;
}
nav.entete a span.description img {
	margin-left: 5px;
	float: none;
	position: static;
}
nav.entete a span.qte {
	margin-right: 5px;
	color: #000;
}

nav.entete nav.mode {
	float: left;
}
nav.entete a + nav.mode {
	margin-left: 15px;
}

@media only screen and (max-width: 683px) {
	nav.entete {
		float: none;
		margin-left: 0;
		margin-bottom: 15px;
	}
	nav.entete a {
		border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0;
		padding: 3px 5px;
	}
	nav.entete a + a {
		margin-left: 2px;
	}
}

/* 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 + section,
nav.onglets + section.zone:not(.col):not(.cols),
nav.onglets + article {
	margin-top: 20px;
}
nav.onglets {
	padding: 0 0 4px 0;
	white-space: nowrap;
	overflow: visible;
	text-align: left;
	display: flex;
	flex-direction: row;
	flex-flow: wrap;
}
nav.onglets + nav.onglets {
	margin-top: 10px;
}
nav.onglets.centre {
	text-align: center;
}
nav.onglets section {
	display: inline-block;
	margin-top: 0;
}
nav.onglets section + section {
	margin-left: 20px;
}
nav.onglets a,
nav.onglets span.pseudo {
	white-space: nowrap;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	height: 36px;
	line-height: 34px;
	font-size: 1.3rem;
	padding: 0 10px;
	color: #000;
	text-decoration: none;
	text-shadow: none;
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px;
	background: rgba(0,0,0,.1);
	margin-right: 6px;
	margin-bottom: 6px;
	vertical-align: top;
}
nav.onglets a:not(.accueil),
nav.onglets span.pseudo:not(.accueil) {
	border-bottom: 2px solid rgba(0,0,0,.2);
}
nav.onglets span.pseudo,
nav.onglets a.desactive {
	opacity: .4;
}
nav.onglets a[href]:hover,
section.corps nav.onglets a.derouleur.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(.ici),
section.corps nav.onglets a.derouleur.actif:not(.ici) {
	background: rgba(0,0,0,.2) !important;
}
section.corps nav.onglets a.derouleur.actif.ici {
	background: #192c5c !important;
}
nav.onglets a + a,
nav.onglets a + span.pseudo,
nav.onglets span.pseudo + a,
nav.onglets span.pseudo + span.pseudo {
}
nav.onglets a.ici {
	position: relative;
	color: #fff;
	background: #192c5c;
	border-top: 2px solid rgba(0,0,0,.2);
	border-bottom: none;
}
nav.onglets a.ici canvas.pointeur {
	position: absolute;
	bottom: -8px;
	left: 50%;
	margin-left: -4.5px;
	transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg);
}
nav.onglets a.accueil {
	background: none;
	line-height: 32px;
	color: #6886C7;
	border: 2px solid #6886C7;
}
/*
nav.onglets a.derouleur {
	margin-left: -5px;
	border-left: 1px solid rgba(255,255,255,.8);
	border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; -o-border-radius: 0 5px 0 0;
	padding-left: 10px;
}
*/
nav.onglets img.icone {
	margin-right: 10px;
}
nav.onglets .icone:not(.icone-plus):not(.fa-caret-down) {
	margin-right: 6px;
}
nav.onglets .icone-plus,
nav.onglets .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: 0.975rem;
	color: #6886C7;
	float: left;
	padding: 0 10px 0 0;
}
nav.plateforme h1 a {
	color: #6886C7;
}
nav.plateforme > a {
	float: left;
	display: block;
	padding: 0 10px 0 0;
}
nav.plateforme > * + a {
	border-left: 1px solid rgba(0,0,0,.2);
	padding-left: 10px;
}

/* Recherche */

nav.recherche {
	background: rgba(0,0,0,.05);
	padding: 6px 10px;
	position: relative;
}
nav.recherche input {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	width: 100%;
	height: 30px;
	border: 0;
	padding: 0 10px 0 30px;
	font-size: 0.975rem;
	border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px;
}
nav.recherche button {
	position: absolute;
	top: 6px;
	left: 10px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: 0;
	border: 0;
	font-size: 0.975rem;
	color: #000;
}
nav.recherche a.effacer {
	display: block;
	position: absolute;
	top: 6px;
	right: 10px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 0.975rem;
	color: #000;
}
nav.recherche.special {
	background: 0;
	padding: 6px 0;
}
nav.recherche.special input {
	border: 2px solid rgba(0,0,0,.2);
	font-size: 1.3rem;
	height: 52px;
	padding-left: 52px;
}
nav.recherche.special button,
nav.recherche.special a.effacer {
	font-size: 1.3rem;
	width: 52px;
	height: 52px;
	line-height: 52px;
}

/* Filtres */

* + nav.filtres.horizontal {
	margin-top: 6px;
}
nav.filtre {
}
nav.filtres.horizontal nav.filtre {
	float: left;
	margin-right: 6px;
}
nav.filtres.horizontal nav.filtre.style-radio {
	margin-right: 12px;
}
nav.filtre + nav.filtre {
	margin-top: 12px;
}
nav.filtres.horizontal nav.filtre + nav.filtre {
	margin-top: 0;
}
nav.filtre h1 {
	color: #767676;
	font-size: 0.975rem;
	margin: 0;
}
nav.filtres.horizontal nav.filtre h1 {
	padding: 0;
	line-height: 1.8em;
	float: left;
}
nav.filtre h1 a.interrupteur {
	color: #767676;
}
nav.filtre h1 a.interrupteur .icone {
	margin-right: 6px;
}
nav.filtre h1 a.interrupteur.actif .icone {
	transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg);
}
nav.filtre ul {
	margin: 0;
	padding: 0;
	display: block;
}
nav.filtres.horizontal nav.filtre ul {
	float: left;
}
nav.filtre ul.optionnel {
	max-height: 0;
	overflow: hidden;
}
nav.filtre ul.optionnel.actif {
	max-height: 500px;
}
nav.filtre ul:after {
	position: static;
	display: block;
	content: ' ';
	height: 0;
	clear: left;
}
nav.filtre h1 + ul {
	margin-top: 6px;
}
nav.filtres.horizontal nav.filtre h1 + ul {
	margin-top: 0;
	margin-left: 6px;
}
nav.filtre ul + ul,
nav.filtre ul + h1 {
	clear: left;
	margin-top: 6px;
}
nav.filtre li {
	float: left;
	display: block;
	margin: 0 6px 6px 0;
	padding: 0;
	font-size: 1em;
}
nav.filtre.style-radio li {
	margin-right: 0;
}
nav.filtre.style-radio li + li {
	border-left: 1px solid rgba(0,0,0,.2);
}
nav.filtre li a {
	display: block;
	vertical-align: top;
	padding: 0 6px;
	line-height: 1.8em;
	color: #000;
	font-size: 0.975rem;
	background: rgba(0,0,0,.1);
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px;
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.2); -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.2); -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.2); -o-box-shadow: inset 0 -1px 0 rgba(0,0,0,.2);
}
nav.filtre.style-radio li a {
	border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0;
}
nav.filtre.style-radio li:first-child a {
	border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; -webkit-border-radius: 2px 0 0 2px; -o-border-radius: 2px 0 0 2px;
}
nav.filtre.style-radio li:last-child a {
	border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0; -o-border-radius: 0 2px 2px 0;
}
nav.filtre li a[href]:hover {
	background: rgba(0,0,0,.2);
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.4); -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.4); -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.4); -o-box-shadow: inset 0 -1px 0 rgba(0,0,0,.4);
	text-decoration: none;
}
nav.filtre li a.ici,
nav.filtre li a.ici[href]:hover {
	color: #fff;
	background: #192c5c;
	box-shadow: inset 0 1px 0 rgba(0,0,0,.2), inset 0 2px 6px rgba(0,0,0,.2); -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.2), inset 0 2px 6px rgba(0,0,0,.2); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.2), inset 0 2px 6px rgba(0,0,0,.2); -o-box-shadow: inset 0 1px 0 rgba(0,0,0,.2), inset 0 2px 6px rgba(0,0,0,.2);
}
nav.filtre li a .icone.nav-retirer {
	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;
	border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%;
	width: 1.8em;
	padding: 0;
	text-align: center;
}

/* Étapes */

nav.etapes {
}
h1.section + nav.etapes {
	margin-top: 20px;
}
nav.etapes + section.zone,
nav.etapes + .cols,
nav.etapes + form {
	margin-top: 20px;
}
nav.etapes .etape {
	display: inline-block;
}
nav.etapes .etape + .etape {
	margin-left: 10px;
}
nav.etapes .etape + .etape.ici:before {
	color: #000;
}
nav.etapes .etape + a.etape:before {
	color: #6886C7;
}
nav.etapes .etape span.num {
	display: inline-block;
	height: 60px;
	width: 60px;
	line-height: 60px;
	border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; -o-border-radius: 60px;
	font-size: 2.9rem;
	color: #767676;
	border: 4px solid #767676;
	text-align: center;
	vertical-align: middle;
}
nav.etapes .etape span.desc {
	display: inline-block;
	height: 34px;
	line-height: 34px;
	margin-left: 8px;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	font-size: 1.45rem;
	color: #767676;
	vertical-align: middle;
}
nav.etapes .etape.ici span.num {
	border-color: #000;
	color: #000;
	background: #EBFA78;
}
nav.etapes .etape.ici span.desc {
	color: #000;
	font-weight: bold;
	border-bottom-color: #000;
}
nav.etapes a.etape span.num,
nav.etapes a.etape.ici span.num {
	border-color: #6886C7;
	color: #6886C7;
}
nav.etapes a.etape span.desc,
nav.etapes a.etape.ici span.desc {
	color: #6886C7;
}
nav.etapes a.etape[href]:hover span.desc {
	border-bottom-color: #6886C7;
}

/* Multipage */

.col nav.multipage:not(.col):not(.cols), .cols nav.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) {
	margin-right: 0;
}
nav.multipage {
	position: relative;
	clear: both;
	margin: 0;
	background: none;
	padding: 6px 0;
	text-align: center;
	border-top: 1px solid rgba(0,0,0,.2);
	border-bottom: 1px solid rgba(0,0,0,.2);
	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.multipage:not(.actif) {
	display: none;
}
nav.multipage:after {
	position: static;
	display: block;
	content: ' ';
	height: 0;
	clear: both;
}
nav.multipage + nav.multipage {
	border-top: 0;
}
nav.multipage.avec-decompte {
}
nav.multipage + section.zone,
nav.multipage + .col,
nav.multipage + .cols,
section.zone + nav.multipage {
	margin-top: 20px;
}
h1 + nav.multipage {
	margin-top: 20px;
}
nav.multipage img {
	position: relative;
	top: -2px;
}
nav.multipage a,
nav.multipage span.pseudo,
nav.multipage span.decompte {
	height: 30px;
	text-align: center;
	line-height: 30px;
	min-width: 30px;
	display: inline-block;
	padding: 0;
	font-weight: bold;
	font-size: 1.125rem;
	border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -o-border-radius: 20px;
}
nav.multipage.long a {
	padding: 0 8px;
}
nav.multipage.long .icone {
	margin-right: 6px;
}
nav.multipage.petit a {
	font-size: 0.975rem;
}
nav.multipage a[href] {
	color: #000;
	text-decoration: none;
}
nav.multipage a[href]:hover {
	text-decoration: none;
	background: rgba(0,0,0,.1);
}
nav.multipage a[href].ici {
	background: #192c5c;
	color: #fff;
}
nav.multipage a:not([href]),
nav.multipage span.pseudo {
	opacity: .3;
}
nav.multipage span.decompte {
	font-size: 1.125rem;
	font-weight: normal;
	color: #767676;
	float: left;
	border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0;
	border-right: 1px solid rgba(0,0,0,.2);
	margin: -6px 10px -6px 0;
	padding: 6px 10px;
}

@media only screen and (max-width: 683px) {
	article nav.multipage {
	}
	
	nav.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 .barre {
	border: 1px 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);
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px;
	height: 36px;
}
.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);
	border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px;
	height: 36px;
	background: rgba(0,0,0,.2);
	color: #fff;
	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;
}
.suivi-progression .barre.en-cours .compteur {
	transition: all linear 1s; -moz-transition: all linear 1s; -webkit-transition: all linear 1s; -o-transition: all linear 1s;
}

/* Paginateur */

nav.paginateur {
	position: relative;
	display: flex;
	flex-direction: row;
}
nav.paginateur:after {
	position: absolute;
	display: block;
	content: ' ';
	bottom: 0;
	left: 0;
	right: 0;
	height: 0;
	border-top: 1px solid rgba(0,0,0,.2);
	z-index: 1;
}
nav.paginateur.cols.marge-d:after,
nav.paginateur.cols.marge:after {
	right: 20px;
}
nav.paginateur.cols.marge-b:after,
nav.paginateur.cols.marge:after {
	bottom: 20px;
}
nav.paginateur a {
	flex: 1;
	position: relative;
	z-index: 2;
	display: block;
	font-size: 0.975rem;
	height: 38px;
	line-height: 38px;
	text-align: center;
	border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; -o-border-radius: 6px 6px 0 0;
	padding: 0 6px;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	border-bottom: 1px solid transparent;
	color: #767676;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
nav.paginateur a + a {
	margin-left: 4px;
}
nav.paginateur a[href]:hover {
	text-decoration: none;
	border-color: #000;
	color: #000;
}
nav.paginateur a.actif {
	border-color: #000;
	color: #fff;
	background: #192c5c;
}

section.page {
	display: none;
	opacity: 0;
}
section.page.actif {
	display: block;
	opacity: 1;
}

/* Mini-nav */

section + nav.mini {
	margin-top: 15px;
}
nav.mini {
	font-size: 0.825rem;
	white-space: nowrap;
}
nav.mini a,
.nav-mini a {
	color: #767676;
}
nav.mini a[href]:hover,
.nav-mini a[href]:hover {
	color: #000;
	text-decoration: none;
}
nav.mini a.special,
.nav-mini a.special {
	font-weight: bold;
}
nav.mini a + a,
section footer > nav section.mini a + a {
	border-left: 1px solid rgba(0,0,0,.2);
	margin-left: 7px;
	padding-left: 7px;
}
nav.mini .icone,
section footer > nav section.mini .icone {
	font-size: 1.2em;
	margin-right: 5px;
}
.nav-mini .icone {
	font-size: 1em;
	margin-left: 5px;
}
nav.mini img,
section footer > nav section.mini img,
.nav-mini img {
	margin-right: 5px;
	vertical-align: middle;
}

/* 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 {
	padding-top: 0;
}
nav.aussi:not(.col):not(.cols) {
	clear: both;
}
nav.aussi h1 {
	color: #6886C7;
	font-size: 0.825rem;
	margin: 0 0 3px 0;
}
nav.aussi ul {
	margin: 0;
	padding: 0;
}
nav.aussi h1 + ul,
nav.aussi ul + ul,
nav.aussi ul + h1 {
	margin-top: 10px;
}
nav.aussi li {
	margin: 0;
	list-style: none;
	font-size: 0.975rem;
	color: #767676;
}
nav.aussi.avec-boulette li,
nav.aussi ul.avec-boulette li,
nav.aussi li.avec-boulette {
	margin-left: 15px;
	list-style: square;
}
nav.aussi.grand li {
	font-size: 1.3rem;
}
nav.aussi.grand.avec-boulette li,
nav.aussi.grand ul.avec-boulette li,
nav.aussi.grand li.avec-boulette {
	margin-left: 25px;
}
nav.aussi.petit li {
	font-size: 0.825rem;
}
nav.aussi li + li {
	margin-top: 6px;
}
nav.aussi.grand li + li {
	margin-top: 8px;
}
nav.aussi a {
	color: #000;
}
nav.aussi a[href]:hover {
	text-decoration: underline;
}
nav.aussi a.special {
	font-weight: bold;
}
nav.aussi .icone {
	margin-right: 10px;
}
nav.aussi.horizontal ul {
	display: flex;
	flex-direction: row;
	flex-flow: wrap;
}
nav.aussi.horizontal li {
	margin-top: 0;
	margin-right: 24px;
}
nav.aussi.horizontal ul + h1,
nav.aussi.horizontal ul + ul {
	margin-top: 12px;
}
nav.aussi.horizontal ul + ul:before {
	display: none;
}

/* Bloc info */

section.info {
	border: 1px solid rgba(0,0,0,.2);
	border-top: 4px solid rgba(0,0,0,.2);
	padding: 10px 9px;
}
section.info.simple,
section.info.special,
section.info.alt,
section.info.inverse {
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	padding: 10px;
}
section.info.special {
	background: rgba(0,0,0,.075);
}
section.info.alt {
	background: ;
}
section.info.inverse {
	background: rgba(0,0,0,.7);
	color: #fff;
}
section.info h1 {
	font-size: 0.825rem;
	margin: 0;
}
section.info h2 {
	font-size: 0.825rem;
	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.825rem;
	text-overflow: ellipsis;
	overflow: hidden;
}
section.info p + p {
	margin-top: 5px;
}
section.info ul {
	margin: 0;
	padding: 0 0 0 .85em;
}
section.info li {
	list-style: square;
	margin: 0;
	padding: 0;
	font-size: 0.825rem;
}
section.info li + li {
	margin-top: 5px;
}

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

/* Avertissement */

section.avertissement {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	background: url(../res/element/icone-avertissement.png) 15px 15px no-repeat;
	padding: 18px 18px 18px 55px;
	border: 2px solid #ECDB60 !important;
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px;
	margin: 0;
}
section + section.avertissement,
p + section.avertissement,
section.avertissement + section,
section.avertissement + footer {
	margin-top: 20px;
}
section.principal section.avertissement h1,
section.fenetre section.avertissement h1 {
	margin: 0 0 0.5em 0;
	background: none;
	padding: 0;
}
section.principal section.avertissement p:first-child,
section.fenetre section.avertissement p:first-child {
	padding-top: 0;
	margin-top: 0;
}
section.principal section.avertissement nav.menu,
section.fenetre section.avertissement nav.menu {
	margin-bottom: 0;
}

/* Encadré */

section.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: 10px 18px;
}
section.encadre.special {
	border: 4px solid rgba(0,0,0,.2);
	padding: 8px 16px;
}

section.dialogue {
	background: rgba(0,0,0,.05);
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px;
	padding: 12px 18px;
}

section.fond {
	background: rgba(0,0,0,.075);
}

section.encadre > p:first-child,
section.dialogue > p:first-child,
section.fond > p:first-child {
	padding-top: 0;
}
section.encadre:after,
section.dialogue:after,
section.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 {
	margin-top: 1.6em;
}
.long-texte h1:not(.section) {
	text-align: left;
	font-size: 1.45rem;
	margin: 1.6em 0 0 0;
}
.long-texte h2 {
	text-align: left;
	font-size: 1.3rem;
	margin: 1.6em 0 0 0;
}
.long-texte h2.petit {
	font-size: 1.125rem;
}
.long-texte p {
	text-align: left;
	font-size: 1.125rem;
	margin: 0;
	line-height: 1.6em;
}
.long-texte pre {
	font-size: 1.125rem;
	margin: 0;
	line-height: 1.6em;
	background: rgba(0,0,0,.05);
	padding: 10px 20px;
	overflow: auto;
}
.long-texte blockquote {
	margin: 1.6em 0 1.6em 3em;
}
.long-texte blockquote > *:first-child {
	margin-top: 0;
	padding-top: 0;
}
.long-texte:not(.avec-retrait) p {
	margin-top: 1.6em;
}
.long-texte.avec-retrait p:not(.sans-retrait) {
	text-indent: 1.6em;
}
.long-texte ul,
.long-texte ol,
.long-texte dl {
	margin: 0.5em 0;
	padding-left: 1.6em;
}
.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 li,
.long-texte dt,
.long-texte dd {
	text-align: left;
	font-size: 1.125rem;
	line-height: 1.6em;
	margin-left: 0;
}
.long-texte ul > li {
	list-style: disc;
}
.long-texte dd {
	text-indent: 1.6em;
}
.long-texte li + li,
.long-texte dd + dt {
	margin-top: 0.5em;
}
.long-texte li > ul,
.long-texte li > ol,
.long-texte:not(.avec-retrait) li > ul,
.long-texte:not(.avec-retrait) li > ol {
	margin-top: 0;
}
.long-texte li li,
.long-texte li p {
	font-size: 1em;
}
.long-texte.avec-retrait.sauf-premier-paragraphe > 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.premier,
.long-texte.avec-retrait.sauf-premier-paragraphe > blockquote > p:first-of-type {
	text-indent: 0;
}
.long-texte.avec-lettrine > p:first-of-type {
	text-indent: 0;
}
.long-texte.avec-lettrine > p:first-of-type:first-letter,
.long-texte.avec-lettrine.lettrine-apres-hr > hr + p:first-letter,
.long-texte.avec-lettrine > p span.lettrine,
.long-texte.avec-lettrine > blockquote:first-child + p: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 span.lettrine .fine-post {
	margin-right: 0.1em;
}
.long-texte p.centre {
	text-align: center;
}
.long-texte p.sig {
	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.chapo p,
.long-texte.chapo pre,
.long-texte.chapo li,
.long-texte.chapo dt,
.long-texte.chapo dd,
.long-texte.chapo div.message {
	font-size: 1.45rem;
}
.long-texte.petit p,
.long-texte.petit pre,
.long-texte.petit li,
.long-texte.petit dt,
.long-texte.petit dd,
.long-texte.petit div.message {
	font-size: 0.975rem;
}
.long-texte > *:first-child {
	margin-top: 0 !important;
}
.long-texte > *:last-child {
	margin-bottom: 0 !important;
}

@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;
}
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 {
	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;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;
	background: #fff;
}
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.oblig 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.oblig select, 
span.champ-visible.oblig textarea,
span.champ-visible.errone 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.errone select, 
span.champ-visible.errone textarea {
	border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0;
}
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 {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: ' ';
	z-index: 0;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;
}
span.champ-visible.errone > span {
	background: #fcc;
}

span.champ-visible .editor-toolbar {
	position: relative;
	z-index: 1;
	border: 0;
	border-bottom: 1px 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: 1px solid rgba(0,0,0,.1);
}
span.champ-visible .CodeMirror {
	height: 400px;
}
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.oblig:not(.cache),
span.champ-visible.errone:not(.cache) {
	padding-left: 33px;
}
span.champ-visible.oblig:not(.cache) > * + span:before,
span.champ-visible.errone:not(.cache) > * + span:before {
	position: absolute;
	display: block;
	z-index: 2;
	top: 0;
	left: 0;
	width: 32px;
	text-align: center;
	font-family: 'font awesome 5 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: 1px solid rgba(0,0,0,.1);
}
span.champ-visible.oblig:not(.cache) > * + span:before,
span.champ-visible.errone:not(.cache) > *:valid + span:before {
	content: "\f00c";
	color: #3c6;
}
span.champ-visible.oblig:not(.cache) > *:invalid + span:before,
span.champ-visible.errone:not(.cache) > * + span:before {
	content: "\f00d";
	color: #f30;
}
/*
span.champ-visible select + span:after {
	position: absolute;
	display: block;
	z-index: 2;
	top: 0;
	right: 0;
	width: 32px;
	text-align: center;
	font-family: 'font awesome 5 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-left: 1px solid rgba(0,0,0,.1);
	content: "\f0d7";
}
*/

span.champ-visible ul {
	margin: 0 0 0 12px;
	padding: 0;
}
span.champ-visible li {
	list-style: none;
	margin: 0 12px 0 0;
	padding: 0;
	border: 0;
	display: inline-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: 1.125rem;
	cursor: pointer;
	z-index: 1;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
}
span.champ-visible li label input {
	position: absolute;
	left: -36px;
}
span.champ-visible li label input:checked + span {
	color: #3c6;
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px;
}
span.champ-visible li label input + span:before {
	display: inline-block;
	z-index: 1;
	top: 1px;
	left: 1px;
	bottom: 1px;
	text-align: center;
	font-family: 'font awesome 5 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;
	margin-right: 6px;
}
span.champ-visible li label input:focus + span {
	background: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -o-box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
span.champ-visible li label input[type=radio] + span:before {
	content: "\f111";
}
span.champ-visible li label input[type=radio]:checked + span:before {
	content: "\f192";
}
span.champ-visible li label input[type=checkbox] + span:before {
	content: "\f0c8";
}
span.champ-visible li label input[type=checkbox]:checked + span:before {
	content: "\f2d3";
}

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;
	line-height: 32px;
}
dl.petit span.champ-visible textarea {
	height: 120px;
}
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;
	line-height: 26px;
}
dl.tres-petit span.champ-visible textarea {
	height: 60px;
}

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: 6px 12px;
	background: rgba(0,0,0,.05);
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;
}
dd.actif output {
	background: rgba(0,0,0,.075);
}
dd.ici output {
	color: #fff;
	background-color: #192c5c;
}
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 {
	text-decoration: underline;
}

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

/* Navigation interne */

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

section nav.multipage + footer > nav {
	margin-top: 20px;
}
section footer > nav {
	margin: 0;
	clear: both;
	text-align: right;
}
@media only print {
	section footer > nav {
		display: none;
	}
}
section footer > nav + nav {
	margin-top: 10px;
}
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: 24px;
	font-size: 1.125rem;
	font-weight: normal;
	padding: 6px 14px;
	color: rgba(0,0,0,.8);
	background: rgba(0,0,0,.1);
	border: none;
	text-decoration: none;
	text-shadow: none;
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px;
	border-bottom: 2px 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: 20px;
	font-size: 0.975rem;
	padding: 4px 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: 16px;
	font-size: 0.825rem;
	padding: 4px 10px;
}
form.en-attente footer > nav > input,
form.en-attente footer > nav > button {
	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: #fff;
	background: #6886C7;
}
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 > input:hover,
section footer > nav > button:hover {
	color: #000;
	background: rgba(0,0,0,.2);
	text-decoration: none;
}
section footer > nav > a.important[href]:hover,
section footer > nav > input.important:hover,
section footer > nav > button.important:hover {
	color: #fff;
	background: #4664a5;
}
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);
	border: 2px solid rgba(0,0,0,.1);
	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: 1px solid rgba(0,0,0,.1);
	line-height: 26px;
}
section footer > nav.tres-petit > a.appel {
	border: 1px solid rgba(0,0,0,.1);
	line-height: 22px;
}
section footer > nav > a.appel[href]:hover {
	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: #6886C7;
	display: inline-block;
	min-width: 1.6em;
	height: 1.6em;
	line-height: 1.2em;
	font-size: .9em;
	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: #fff;
	border: 2px solid #fff;
	vertical-align: baseline;
	margin-left: 6px;
}
article a span.compteur {
	background: #192c5c;
}
article a.ici span.compteur {
	xbackground: #000;
}

/* Descripteur */

.descripteur {
	max-width: 200px;
}
.descripteur .texte {
	white-space: nowrap;
	padding: 2px 5px;
	font-size: 0.825rem;
	color: #eee;
	overflow: hidden;
	text-overflow: ellipsis;
}
.descripteur canvas.pointeur {
	position: absolute;
	top: 0;
	left: 10px;
}
.descripteur[descripteur-alignement=droite] canvas.pointeur {
	position: absolute;
	top: 0;
	left: auto;
	right: 10px;
}

/* Supplement */

div.supplement {
	height: 0;
	overflow: hidden;
}
div.supplement.actif {
	height: auto;
	overflow: visible;
}
section.supplement, div.supplement div.attendeur {
	position: relative;
	border: none;
	background: url(../res/element/supplement_fond.png);
	padding: 0 0 20px 20px;
	margin: 0 0 20px -20px;
	box-shadow: inset 0 2px 5px rgba(0,0,0,.4); -moz-box-shadow: inset 0 2px 5px rgba(0,0,0,.4); -webkit-box-shadow: inset 0 2px 5px rgba(0,0,0,.4); -o-box-shadow: inset 0 2px 5px rgba(0,0,0,.4);
	overflow: hidden;
}
section.supplement:after {
	position: static;
	display: block;
	height: 0;
	width: 0;
	content: ' ';
	clear: both;
}
section.supplement header.supplement {
	box-shadow: 0 1px 2px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3); -o-box-shadow: 0 1px 2px rgba(0,0,0,.3);
	padding: 5px 20px;
	margin: 0 -20px 15px -20px;
	background: rgba(0,0,0,.05);
	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;
}
section.supplement header.supplement h1 {
	margin: 0;
	font-size: 0.975rem;
}
section.supplement section.zone:last-of-type {
	margin-bottom: 0;
}
section.supplement article {
	margin-top: 0;
}
section.supplement article.dialogue {
	border: none;
	background: none;
	padding-left: 0;
	padding-right: 0;
}

div.supplement div.attendeur {
	position: static;
	padding: 40px 0;
	width: auto;
}
div.supplement div.attendeur div {
	background: rgba(0,0,0,.4);
}
div.supplement div.attendeur div.index {
	background: rgba(0,0,0,.8);
	box-shadow: 0 0 5px rgba(0,0,0,.8); -moz-box-shadow: 0 0 5px rgba(0,0,0,.8); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.8); -o-box-shadow: 0 0 5px rgba(0,0,0,.8);
}

@media only screen and (max-width: 683px) {
	section.supplement {
		padding: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	section.supplement header.supplement {
		margin-left: 0;
		margin-right: 0;
	}
}

/* Menu / Deroulable */

section.corps nav.btn {
	position: static;
	display: inline;
}
section.corps a.derouleur {
	/*
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	font-size: 0.975rem !important;
	line-height: 1em !important;
	padding: 7px 10px !important;
	*/
	box-decoration-break: clone;
}
section.corps a.derouleur[href]:hover {
}
section.corps a.derouleur.actif {
	background: rgba(0,0,0,.05) !important;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2) !important; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2) !important; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2) !important; -o-box-shadow: inset 0 1px 2px rgba(0,0,0,.2) !important;
}
section.corps a.derouleur img {
	vertical-align: middle !important;
}

nav.menu {
	position: relative;
	border: 2px solid rgba(0,0,0,.1);
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px;
	background: #fff;
}
nav.contexte {
	position: relative;
	border: 4px solid rgba(0,0,0,.1);
	padding: 10px 0;
}
nav.contexte + nav.contexte {
	margin-top: 20px;
}
section.corps nav.menu:last-child,
section.corps nav.contexte:last-child {
	margin-bottom: 0;
}
section.corps section + nav.menu,
section.corps p + nav.menu,
section.corps ul + nav.menu,
section.corps table + nav.menu {
	margin-top: 15px;
}
section.corps nav.menu:hover {
	box-shadow: 0 1px 2px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1); -o-box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
nav.deroulable {
	display: none;
	opacity: 0;
	position: fixed;
	z-index: 600;
	background: rgba(255,255,255,.975);
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px;
	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);
	transition: opacity ease-out .3s; -moz-transition: opacity ease-out .3s; -webkit-transition: opacity ease-out .3s; -o-transition: opacity ease-out .3s;
}
nav.menu canvas,
nav.deroulable canvas {
	position: absolute;
	top: -7px;
	left: 15px;
}
nav.deroulable[derouleur-alignement=gauche] {
}
nav.deroulable[derouleur-alignement=droite] {
}
nav.deroulable.actif {
	display: block;
	opacity: 1;
}
nav.menu h1,
nav.deroulable h1,
nav.contexte h1 {
	margin: 0 0 0 0;
	padding: 0 15px;
	font-size: 0.825rem;
	font-weight: bold;
	color: #767676;
}
nav.menu h1:first-child,
nav.deroulable h1:first-child {
	padding-top: 12px;
}
nav.menu h1 a,
nav.deroulable h1 a,
nav.contexte h1 a {
	color: #767676;
}
nav.menu ul + h1,
nav.deroulable ul + h1,
nav.contexte ul + h1 {
	border-top: 1px solid rgba(0,0,0,.1);
	padding-top: 12px;
}
nav.menu ul,
nav.deroulable ul,
nav.contexte ul {
	margin: 0;
	padding: 6px 0;
}
nav.menu.grand ul,
nav.deroulable.grand ul,
nav.contexte.grand ul {
	padding: 6px 0;
}
nav.menu ul + ul,
nav.deroulable ul + ul {
	border-top: 1px solid rgba(0,0,0,.1);
}
nav.deroulable ul + ul {
	border-top: 1px solid rgba(0,0,0,.2);
}
nav.contexte ul + ul,
nav.contexte ul + h1 {
	border-top: 1px 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: 0.975rem;
}
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: #000;
	padding: 3px 15px;
	overflow: hidden;
	text-overflow: ellipsis;
}
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 15px;
}
nav.menu.petit li a,
nav.deroulable.petit li a,
nav.contexte.petit li a {
	padding: 2px 15px;
}
nav.menu li a.derouleur {
	position: static;
	display: block;
	font-size: 1em !important;
	line-height: normal !important;
	padding: 3px 15px !important;
}
nav.menu li a.ici,
nav.deroulable li a.ici,
nav.contexte li a.ici {
	font-weight: bold;
}
nav.contexte li a.ici {
	position: relative;
	margin-left: -4px;
	color: #192c5c;
	border-left: 4px solid #192c5c;
}
nav.contexte li a.ici span.compteur {
	background: #192c5c;
}
nav.deroulable li a {
	max-width: 220px;
}
nav.menu li a[href]:hover,
nav.deroulable li a[href]:hover,
nav.contexte li a[href]:hover {
	text-decoration: none;
	background: rgba(0,0,0,.2);
}
nav.contexte li a[href]:hover {
	background: rgba(0,0,0,.1);
}
nav.menu li img,
nav.deroulable li img,
nav.contexte li img {
	position: relative;
	top: 2px;
	vertical-align: baseline;
	margin-right: 10px;
}
nav.menu li .icone,
nav.deroulable li .icone,
nav.contexte li .icone {
	margin-right: 10px;
}
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: 14px;
	width: 6px;
	height: 6px;
	background: #f30;
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px;
}
nav.menu li a.derouleur img {
	position: relative;
	top: 2px;
	vertical-align: baseline !important;
	margin-right: 5px;
}
nav.menu.horizontal ul {
	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: #000;
	font-size: 1.3rem;
	border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%;
	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;
}

/* Liste */

nav.multipage + ul.liste,
ul.liste + nav.multipage,
ul.liste + nav.menu {
	margin-top: 20px;
}
ul.liste {
	margin: 0;
	padding: 0;
}
ul {
	orphans: 2;
	widows: 2;
}
ul.col2 {
	columns: 2; -moz-columns: 2; -webkit-columns: 2; -o-columns: 2;
	column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; -o-column-gap: 20px;
}
ul.col3 {
	columns: 3; -moz-columns: 3; -webkit-columns: 3; -o-columns: 3;
	column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; -o-column-gap: 20px;
}
ul.col4 {
	columns: 4; -moz-columns: 4; -webkit-columns: 4; -o-columns: 4;
	column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; -o-column-gap: 20px;
}
ul.col5 {
	columns: 5; -moz-columns: 5; -webkit-columns: 5; -o-columns: 5;
	column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; -o-column-gap: 20px;
}
ul.col6 {
	columns: 6; -moz-columns: 6; -webkit-columns: 6; -o-columns: 6;
	column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; -o-column-gap: 20px;
}
ul.col7 {
	columns: 7; -moz-columns: 7; -webkit-columns: 7; -o-columns: 7;
	column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; -o-column-gap: 20px;
}
ul.col8 {
	columns: 8; -moz-columns: 8; -webkit-columns: 8; -o-columns: 8;
	column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; -o-column-gap: 20px;
}
ul.col9 {
	columns: 9; -moz-columns: 9; -webkit-columns: 9; -o-columns: 9;
	column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; -o-column-gap: 20px;
}
ul.col10 {
	columns: 10; -moz-columns: 10; -webkit-columns: 10; -o-columns: 10;
	column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; -o-column-gap: 20px;
}
ul.col11 {
	columns: 11; -moz-columns: 11; -webkit-columns: 11; -o-columns: 11;
	column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; -o-column-gap: 20px;
}
ul.col12 {
	columns: 12; -moz-columns: 12; -webkit-columns: 12; -o-columns: 12;
	column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; -o-column-gap: 20px;
}
ul.liste > li {
	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 {
	margin-top: 10px;
}

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

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

@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 {
		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 {
		columns: 1; -moz-columns: 1; -webkit-columns: 1; -o-columns: 1;
	}
}

ul.liste ul.liste {
	margin-top: 10px;
	padding-left: 20px;
}
ul.liste li.avec-numero div.numero {
	float: left;
	margin-right: 10px;
	width: 18px;
	height: 18px;
	line-height: 18px;
	border: 1px solid #000;
	text-align: center;
	font-size: 0.825rem;
}
ul.liste li.avec-numero div.numero.vide {
	border-color: transparent;
}

ul.liste li div.detail {
	font-size: 0.825rem;
}
ul.liste li.avec-numero div.detail {
	margin-left: 30px;
}

/* Grille */

nav.onglets + ul.grille:not(.cols):not(.col),
nav.multipage + ul.grille:not(.cols):not(.col),
header + ul.grille:not(.cols):not(.col) {
	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;
}

	@media only screen and (max-width: 1023px) {
		ul.grille.triple.plein > li + li:nth-of-type(3n+1):not(.cols):not(.col),
		ul.grille.triple.demi > li + li:nth-of-type(6n+1):not(.cols):not(.col) {
			clear: none;
			margin-left: 20px;
		}
		ul.grille.triple.plein > li + li:nth-of-type(2n+1):not(.cols):not(.col),
		ul.grille.triple.demi > li + li:nth-of-type(4n+1):not(.cols):not(.col) {
			clear: left;
			margin-left: 0;
		}
	}

	@media only screen and (max-width: 683px) {
		ul.grille.plein > li + li:not(.cols):not(.col),
		ul.grille.demi > li + li:nth-of-type(2n+1):not(.cols):not(.col) {
			clear: left !important;
			margin-left: 0 !important;
		}
	}

/* 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: #fff;
}
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: #000;
}
section.une section.pastille.inverse a {
	color: #fff;
}
section.une a[href]:hover {
	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 {
	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 {
	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: inset 0 0 1px rgba(0,0,0,.6); -moz-box-shadow: inset 0 0 1px rgba(0,0,0,.6); -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.6); -o-box-shadow: inset 0 0 1px rgba(0,0,0,.6);
	border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; -o-border-radius: 12px;
}
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:not(.lien-inaccessible)[href]:hover,
section.tableau-de-bord a.grand-bouton:not(.lien-inaccessible)[href]:hover {
	background: rgba(0,0,0,.1);
	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;
}
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;
}
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;
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px;
	white-space: nowrap;
}
small.attribut.correctif, span.attribut.correctif {
	background: #6886C7;
	color: #fff;
	font-weight: bold;
}

/* Popup */

div.filtre {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 997;
	background: rgba(0,0,0,.4);
	opacity: 0;
}
.fenetre-actif div.filtre {
	opacity: 1;
}

div.filtre {
	transition: all ease-out .2s; -moz-transition: all ease-out .2s; -webkit-transition: all ease-out .2s; -o-transition: all ease-out .2s;
	background: rgba(242, 242, 242, 0.8);
}
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);
	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;
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px;
	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;
	overscroll-behavior-y: contain;
}
div.fenetre.actif {
	opacity: 1;
}
div.fenetre header.fenetre {
	padding: 5px 15px;
	margin: 0 -30px 15px -15px;
	background: #6886C7;
	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: #fff;
	font-size: 1.45rem;
	font-weight: normal;
	letter-spacing: -.05em;
	overflow: hidden;
	text-overflow: ellipsis;
}
div.fenetre section.fenetre {
	overflow: auto;
	height: 100%;
	padding: 0 30px 0 15px;
	margin-right: -15px;
}

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

section.fenetre > *:last-child {
	padding-bottom: 15px !important;
}

section.fenetre > section.fenetre-retire-marge-interne {
	margin: -15px;
}
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;
}

div.fenetre div.attendeur {
	position: static;
	padding: 55px 40px 40px 40px;
	width: auto;
}
div.fenetre div.attendeur div {
	background: rgba(0,0,0,.4);
}
div.fenetre div.attendeur div.index {
	background: rgba(0,0,0,.8);
	box-shadow: 0 0 5px rgba(0,0,0,.8); -moz-box-shadow: 0 0 5px rgba(0,0,0,.8); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.8); -o-box-shadow: 0 0 5px rgba(0,0,0,.8);
}

@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;
	}
}

/* Article */

header.general div.avatar {
	float: left;
	margin-right: 15px;
}

header.general nav.miettes {
	font-size: 0.975rem;
	margin: 0 0 10px 0;
}
header.general nav.miettes a {
	color: #000;
}
header.general nav.miettes a[href]:hover {
	text-decoration: none;
	color: #192c5c;
	border-color: #192c5c;
}
header.general nav.miettes .icone {
	margin-right: 4px;
}

article > h1, article > hgroup, header.general {
	margin: 0 0 15px 0;
}
article > hgroup > h1, header.general hgroup > h1 {
	margin: 0;
}
article > h1, article > hgroup > h1, header.general hgroup > h1 {
	font-size: 2.6rem;
	font-family: aktiv-grotesk, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif;
	font-weight: bold;
	line-height: 1em;
}
article > h1 a, article > hgroup > h1 a, header.general hgroup > h1 a,
article > h2 a, article > hgroup > h2 a, header.general hgroup > h2 a {
	text-decoration: none;
	color: #000;
}
article > h1 a.ici, article > hgroup > h1 a.ici, header.general hgroup > h1 a.ici,
article > h2 a.ici, article > hgroup > h2 a.ici, header.general hgroup > h2 a.ici {
}
article > hgroup > h2, header.general hgroup > h2 {
	font-size: 1.45rem;
	font-family: aktiv-grotesk, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif;
	padding: 0;
	margin: 0;
	font-weight: bold;
	line-height: 1em;
}
article > hgroup > p, header.general hgroup > p {
	font-size: 1.125rem;
	padding: 0;
	margin: 0;
	font-weight: normal;
	line-height: 1em;
}

article > h1 img, article > hgroup > h1 img, header.general hgroup > h1 img {
	vertical-align: middle;
}
article > h2 img, article > hgroup > h2 img, header.general hgroup > h2 img {
	vertical-align: middle;
}

article > hgroup > h1 + h2, header.general hgroup > h1 + h2,
article > hgroup > h2 + h1, header.general hgroup > h2 + h1,
article > hgroup > h2 + h2, header.general hgroup > h2 + h2,
article > hgroup > h1 + p, header.general hgroup > h1 + p,
article > hgroup > h2 + p, header.general hgroup > h2 + p {
	margin: 5px 0 0 0;
}

@media only screen and (max-width: 683px) {
	header.general nav.miettes {
		font-size: 0.975rem;
		margin-bottom: 12px;
	}
	header.general nav.miettes a {
		border-bottom: 2px solid #000;
	}
	article > h1, article > hgroup > h1, header.general hgroup > h1 {
		font-size: 1.7rem;
	}
	article > hgroup > h2, header.general hgroup > h2 {
		font-size: 1.45rem;
	}
	article > hgroup > p, header.general hgroup > p {
		font-size: 0.975rem;
	}
}

/* Autres en-têtes */

header h1.titre {
	font-size: 2.1rem;
	margin: 0;
	font-weight: normal;
	line-height: 1.2em;
	color: ;
}
header h2.titre {
	font-size: 1.25rem;
	margin: .2em 0 0 0;
	font-weight: normal;
	line-height: 1.2em;
	color: ;
}

header h1.titre a,
header h2.titre a {
	color: ;
}

	@media only screen and (max-width: 683px) {
		header h1.titre {
			font-size: 1.45rem;
		}
	}

/* Section */

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

section.groupe {
	border-top: 4px solid rgba(0,0,0,.2);
	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, hgroup.section h1 {
	font-size: 1.3rem;
	color: ;
	font-family: aktiv-grotesk, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif;
	margin: 0;
  margin-bottom: 10px;
}
h1.section.petit, hgroup.section.petit h1 {
	font-size: 0.975rem;
	border-bottom-width: 2px;
}
hgroup.section h2 {
	font-size: 0.975rem;
	font-family: aktiv-grotesk, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif;
	color: ;
	margin: 0;
	margin-bottom: 10px;
}
aside > h1, aside > hgroup.section h1 {
	border-top: 0;
}
h1.section.grand, hgroup.section.grand h1 {
	color: ;
	text-transform: uppercase;
	font-size: 1.45rem;
	margin-bottom: 25px;
}
h1.section.appel, hgroup.section.appel h1 {
	color: ;
	font-size: 1.45rem;
	font-weight: 300;
	line-height: 1em;
}
h1.section + nav.menu, hgroup.section + nav.menu {
	clear: left;
	margin-top: 10px;
}
h1.section a, hgroup.section a {
	color: ;
}
h1.section a[href]:hover, hgroup.section a[href]:hover {
	color: #192c5c;
}

/* Texte normal */

section.normal {
	padding: 0;
}
section.lecture {
	text-align: justify;
	font-family: aktiv-grotesk, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif;
}
section.intro {
	background: rgba(0,0,0,.075);
	padding: 20px;
}
section.intro > *:first-child {
	margin-top: 0;
}
section p {
	font-size: 0.975rem;
	line-height: 1.5em;
	margin: 0.5em 0 0 0;
}
section p.petit {
	font-size: 0.825rem;
}
section.intro p {
	font-size: 1.3rem;
	line-height: 1.2em;
}
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.intro li {
	font-size: 1.125rem;
}
section.normal ul.petit {
	padding: 0 0 0 .9em;
}
section.normal ul.petit li {
	font-size: 0.825rem;
}
section.normal h1:not(.section) {
	color: #000;
	font-size: 1.125rem;
	font-weight: bold;
	margin: 1.5em 0 0.5em 0;
}
section.normal h2 {
	color: #000;
	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 + p {
	margin-top: 1.5em;
}

/*
section aside {
	width: 200px;
	background: rgba(0,0,0,.075);
	float: right;
	padding: 15px;
	margin: 20px 0 20px 20px;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;
}
section.intro aside p {
	font-size: 0.975rem;
}

section aside.visuel {
	width: auto;
	max-width: 320px;
	padding: 0;
	border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0;
	background: 0;
	margin-top: 0;
}
section aside.visuel.gauche {
	float: left;
	margin: 0 20px 20px 0;
}
*/

/* Figure */

section figure {
	margin: 0;
	padding: 0;
}
section * + figure {
	margin-top: 0.5em;
}
section figure figcaption {
	margin: 0.5em 0 0 0;
	font-size: 0.825rem;
}
section figure nav.mini {
	margin: 0.5em 0 0 0;
}

section figure.album > img,
section figure.album > a img {
	box-shadow: 0px 1px 3px rgba(0,0,0,.2); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.2); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.2); -o-box-shadow: 0px 1px 3px rgba(0,0,0,.2);
}
section figure.album figcaption {
	font-size: 1em;
}
section figure.album figcaption div {
	font-size: 0.825rem;
	line-height: 1.2em;
}
section figure.album figcaption div.titre {
	font-size: 1.125rem;
}
section figure.album figcaption div + div {
	margin-top: 0.4em;
}

/* Table */

h1 + table,
table + footer {
	margin-top: 15px;
}
table + * {
	margin-top: 15px;
}
table + nav.multipage {
	border-top-width: 0;
}
nav.onglets + table tr:first-child th,
nav.multipage + table tr:first-child th,
nav.recherche + table tr:first-child th {
	padding-top: 15px;
}
table {
	border-collapse: collapse;
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,.2);
}
table th {
	text-align: left;
	font-size: 0.975rem;
	font-weight: bold;
	color: ;
	vertical-align: bottom;
	padding: 0 16px 4px 16px;
}
table th + th {
}
table.petit th,
table th.petit {
	font-size: 0.825rem;
	padding: 0 10px 4px 10px;
}
table.grand th,
table th.grand {
	font-size: 0.975rem;
	padding: 0 20px 6px 20px;
}
table th a {
	color: ;
}
table th a.filtre {
	white-space: nowrap;
}
table th a.filtre img {
	margin-left: 5px;
}
table tr + tr th {
	border-top: 1px 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: 10px 16px;
	border-top: 1px 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';
}
table td + td {
	border-left: 1px solid rgba(0,0,0,.2);
}
table tr.double td {
	border-top-width: 2px;
}
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.avatar,
table td.avatar {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 0;
	width: 30px;
}
table td.avatar a {
	width: 30px;
	height: 30px;
}
table td.avatar img {
	border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -o-border-radius: 25px;
}
table th.icone,
table td.icone {
	width: 1.5em;
	padding-right: 0;
}
table th.num,
table td.num,
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: 40px;
}
table tr.special td,
table tr.playing td {
	background: #EBFA78;
}
table tr.total td,
table td.total {
	font-weight: bold;
}
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.rayures tr:nth-of-type(2n) td {
	background: rgba(0,0,0,.05);
}

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

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 {
	text-decoration: none;
}
table td ul li.derouleur-deroulable a.derouleur[href]:hover: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 {
	border-bottom: 0;
}
.long-texte th + th,
.long-texte td + td {
	border-left: 2px solid #000;
}
.long-texte td {
	border-top: 2px solid #000;
}

/* Calendrier */

nav.mois + table.calendrier {
	margin-top: 12px;
}
nav.mois {
}
nav.mois a {
	font-size: 1.3rem;
	color: #000;
	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: 1px 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 {
	text-decoration: none;
	background: rgba(0,0,0,.05);
}
nav.mois a.ici {
	color: #fff;
	background: #192c5c;
}

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: 1px 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: #000;
}
nav.autres-moiss nav.annee header a.direction[href]:hover {
	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: #6886C7;
}
nav.autres-moiss nav.annee li a {
	text-align: center;
	width: 100px;
	color: #767676;
}
nav.autres-moiss nav.annee li a.interessant {
	color: #000;
}

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: 1px 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: #000;
}
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 {
	text-decoration: none;
	background: rgba(0,0,0,.05);
}
table.calendrier td.interessant {
	background: rgba(0,0,0,.075);
}
table.calendrier a.ici {
	background: #192c5c;
	color: #fff;
}

/* 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: #767676;
}

/* 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: #000;
}
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: 1px solid rgba(0,0,0,.2);
	padding-top: 6px;
}

/* Utilisateurs */

h1 + ul.utilisateurs,
nav.multipage + ul.utilisateurs,
ul.utilisateurs + nav.multipage {
	margin-top: 15px;
}
ul.utilisateurs {
	margin: 0;
	padding: 0;
}
li.utilisateur {
	list-style: none;
	margin: 0;
	padding: 0;
}
li.utilisateur + li.utilisateur {
	margin-top: 15px;
}
li.utilisateur a.est-avatar {
	float: left;
	width: 50px;
	margin-right: 10px;
	border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; -o-border-radius: 50px;
}
li.utilisateur a.est-avatar img {
	border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; -o-border-radius: 50px;
}
li.utilisateur section.infos {
	margin-left: 60px;
}
li.utilisateur.petit section.infos {
	margin-left: 40px;
}
li.utilisateur div.nom {
	font-size: 0.975rem;
}
li.utilisateur.petit div.nom {
	font-size: 0.825rem;
}
li.utilisateur div.categorie {
	font-size: 0.825rem;
}

.est-avatar {
	position: relative;
	display: block;
}
.est-avatar:after {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: ' ';
	box-shadow: inset 0 0 1px rgba(0,0,0,.6); -moz-box-shadow: inset 0 0 1px rgba(0,0,0,.6); -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.6); -o-box-shadow: inset 0 0 1px rgba(0,0,0,.6);
	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,
li.episode a[href]:hover {
	text-decoration: underline;
}

ul.episodes img.avatar {
	float: left;
	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: #6886C7;
}
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: #000;
}

/* 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;
}

/* 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: #6886C7;
}