/**
 * parsec_v2.css.php
 * (c) 2015-2023, david turgeon
 * dt@electrocd.com
 * version 2023-04-27
 */

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

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

a.etiquette,
span.etiquette {
	display: inline-block;
	white-space: nowrap;
	font-size: 0.825em;
	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: #198ED4;
	cursor: pointer;
}
a.etiquette.fond-jaune,
span.etiquette.fond-jaune {
	color: #111;
}

/* Messages */

section.messages {
	position: relative;
	z-index: 2;
	color: #000;
	background: #fff;
	padding: 10px 0;
	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);
	border-bottom: 1px solid rgba(0,0,0,.2);
}
section.messages.avertissements {
	color: ;
	background: #ECDB60;
}
section.messages.erreurs {
	color: ;
	background: #f30;
}
section.messages ul {
	margin: 0;
	padding: 0 0 0 15px;
}
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;
	padding: 25px 0;
}
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.825em;
}
nav.entete a {
	display: block;
	text-align: center;
	float: left;
	color: #999;
	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 , nav.entete a[href]:focus {
	text-decoration: none;
	color: #111;
}
nav.entete a.actif,
nav.entete nav.mode a.ici,
nav.entete nav.mode a.sof-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: #F9F8DA;
	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: #111;
}

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

@media only screen and (max-width: 679px) {
	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 {
	border-bottom: 1px solid #198ED4;
	padding: 0 0 4px 0;
	height: 34px;
	white-space: nowrap;
	overflow: visible;
	text-align: left;
}
nav.onglets + nav.onglets {
	margin-top: 10px;
}
nav.onglets.centre {
	text-align: center;
}
nav.onglets section {
	display: inline-block;
}
nav.onglets section + section {
	margin-left: 20px;
}
nav.onglets a,
nav.onglets span.pseudo {
	white-space: nowrap;
	box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box;
	cursor: pointer;
	display: inline-block;
	height: 34px;
	line-height: normal;
	font-size: 1.3em;
	padding: 0 10px;
	color: #111;
	font-weight: bold;
	text-decoration: none;
	text-shadow: none;
	border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0;
	background: none;
}
nav.onglets span.pseudo,
nav.onglets a.desactive {
	opacity: .4;
}
nav.onglets a[href]:hover, nav.onglets a[href]:focus,
nav.onglets a.actif {
	background: none;
	border-bottom: 4px solid rgba(0,0,0,.2);
	text-decoration: none;
}
nav.onglets a + a,
nav.onglets a + span.pseudo,
nav.onglets span.pseudo + a,
nav.onglets span.pseudo + span.pseudo {
}
nav.onglets a.ici,
nav.onglets a.sof-ici {
	position: relative;
	background: none;
	color: #198ED4;
	border-bottom: 4px solid #198ED4;
}
nav.onglets a.ici canvas.pointeur,
nav.onglets a.sof-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.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) {
	margin-right: 6px;
}
nav.onglets .icone-plus {
	margin-left: 6px;
}

@media only screen and (max-width: 1023px) {
	nav.onglets {
		display: flex;
		flex-direction: row;
		flex-flow: wrap;
		height: auto !important;
	}
	nav.onglets a,
	nav.onglets span.pseudo {
		display: block;
		font-size: 0.975em;
		height: auto !important;
		padding: 6px 10px;
		border: 1px solid rgba(0,0,0,.2);
		margin-right: 6px;
		margin-bottom: 6px;
	}
	nav.onglets a[href]:hover , 	nav.onglets a[href]:focus {
		border: 1px solid rgba(0,0,0,.4) !important;
	}
	nav.onglets a.ici,
	nav.onglets a.sof-ici {
		border: 1px solid #198ED4 !important;
	}
}

/* Plateforme */

nav.plateforme {
	background: rgba(0,0,0,.05);
	border: 1px solid rgba(0,0,0,.2);
	padding: 5px 10px;
	position: relative;
}
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.975em;
	color: #bb4a4c;
	float: left;
	padding-right: 10px;
}
nav.plateforme a {
	float: left;
	display: block;
	border-left: 1px solid rgba(0,0,0,.2);
	padding: 0 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.975em;
	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.975em;
	color: #111;
}
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.975em;
	color: #111;
}

/* Filtres */

nav.onglets + nav.filtres {
	margin-top: 20px;
}
nav.filtres + nav.filtres {
	margin-top: 10px;
}
nav.filtres + section {
	margin-top: 20px;
}
nav.filtres section,
nav.filtres nav.filtre {
	display: inline-block;
	margin: 0 5px 5px 0;
}
nav.filtres nav.filtre ul,
nav.filtres nav.filtre menu {
	display: inline;
	margin: 0;
	padding: 0;
}
nav.filtres nav.filtre li {
	display: inline;
	margin: 0;
	padding: 0;
}
nav.filtres section > *,
nav.filtres nav.filtre h1,
nav.filtres nav.filtre li > * {
	font-size: 0.975em;
	height: 25px;
	line-height: 25px;
	display: inline-block;
	color: rgba(0,0,0,.6);
	border: 1px solid rgba(0,0,0,.1);
	vertical-align: top;
}
nav.filtres section > h1,
nav.filtres nav.filtre h1 {
	margin: 0;
	padding: 0 7px;
}
nav.filtres section > .icone,
nav.filtres nav.filtre li > .icone {
	padding: 0 4px;
}
nav.filtres section > a,
nav.filtres nav.filtre li > a {
	padding: 0 7px;
	background: rgba(0,0,0,.05);
}
nav.filtres section > *:first-child,
nav.filtres nav.filtre h1,
nav.filtres nav.filtre ul:first-child li:first-child > *,
nav.filtres nav.filtre menu:first-child li:first-child > * {
	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.filtres section > *:last-child,
nav.filtres nav.filtre li:last-child > * {
	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.filtres section > *:first-child:last-child,
nav.filtres nav.filtre ul.first-child li:first-child:last-child > *,
nav.filtres nav.filtre menu.first-child li:first-child:last-child > * {
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px;
}
nav.filtres img {
	vertical-align: middle;
	margin-right: 5px;
	position: relative;
	top: -2px;
}
nav.filtres a .icone {
	margin-right: 5px;
}
nav.filtres section > * + a,
nav.filtres nav.filtre h1 + ul li:first-child > a,
nav.filtres nav.filtre h1 + menu li:first-child > a,
nav.filtres nav.filtre * + li > a {
	border-left: 0;
}
nav.filtres a[href]:hover , nav.filtres a[href]:focus {
	text-decoration: none;
}
nav.filtres a[href]:not(.actif):not(.ici):not(.sof-ici):hover , nav.filtres a[href]:not(.actif):not(.ici):not(.sof-ici):focus {
	border-color: rgba(0,0,0,.2);
	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.filtres a.actif,
nav.filtres a.ici,
nav.filtres a.sof-ici {
	background: rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.15); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.15); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.15); -o-box-shadow: inset 0 1px 2px rgba(0,0,0,.15);
	text-shadow: 0 0 2px #fff, 0 0 5px #fff;
	font-weight: bold;
	border-color: rgba(0,0,0,.1);
}

/* Étapes */

nav.etapes {
}
h1.section + nav.etapes,
h2.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:before {
	display: inline-block;
	content: '→';
	height: 34px;
	line-height: 34px;
	font-size: 1.45em;
	margin-right: 10px;
	vertical-align: middle;
	color: #999;
}
*/
nav.etapes .etape + .etape.ici:before,
nav.etapes .etape + .etape.sof-ici:before {
	color: #111;
}
nav.etapes .etape + a.etape:before {
	color: #bb4a4c;
}
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.9em;
	color: #999;
	border: 4px solid #999;
	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.45em;
	color: #999;
	vertical-align: middle;
}
nav.etapes .etape.ici span.num,
nav.etapes .etape.sof-ici span.num {
	border-color: #111;
	color: #111;
	background: #F9F8DA;
}
nav.etapes .etape.ici span.desc,
nav.etapes .etape.sof-ici span.desc {
	color: #111;
	font-weight: bold;
	border-bottom-color: #111;
}
nav.etapes a.etape span.num,
nav.etapes a.etape.ici span.num,
nav.etapes a.etape.sof-ici span.num {
	border-color: #bb4a4c;
	color: #bb4a4c;
}
nav.etapes a.etape span.desc,
nav.etapes a.etape.ici span.desc,
nav.etapes a.etape.sof-ici span.desc {
	color: #bb4a4c;
}
nav.etapes a.etape[href]:hover span.desc , nav.etapes a.etape[href]:focus span.desc {
	border-bottom-color: #bb4a4c;
}

/* Multipage */

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

@media only screen and (max-width: 679px) {
	nav.multipage span.decompte,
	search.sof-multipage div.sof-decompte {
		float: none;
		display: block;
		padding: 0;
		margin: 0 0 0 4px;
		font-size: 0.825em;
		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: 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: 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);
	border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px;
	height: 36px;
	background: #85B3C5;
	color: #fff;
	font-size: 1.125em;
	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;
}

/* 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.975em;
	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: #999;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
nav.paginateur a + a {
	margin-left: 4px;
}
nav.paginateur a[href]:hover , nav.paginateur a[href]:focus {
	text-decoration: none;
	border-color: #111;
	color: #111;
}
nav.paginateur a.actif {
	border-color: #111;
	color: #fff;
	background: #198ED4;
}

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.825em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
nav.mini a {
	color: #999;
}
nav.mini a[href]:hover , nav.mini a[href]:focus {
	color: #111;
	text-decoration: none;
}
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 img, section footer nav section.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 + nav.aussi,
p + nav.aussi {
	margin-top: 15px;
}
table + nav.aussi:before,
h1.section + nav.aussi:before,
h2.section + nav.aussi:before {
	border-top: 0;
}
table + nav.aussi {
	margin-top: 0;
}
h1.section + nav.aussi ul:first-of-type,
h1.section + nav.aussi menu:first-of-type,
h2.section + nav.aussi ul:first-of-type,
h2.section + nav.aussi menu:first-of-type {
	padding-top: 0;
}
nav.aussi:not(.col):not(.cols) {
	clear: both;
}
nav.aussi:before {
	position: static;
	display: block;
	content: ' ';
	height: 0;
	border-top: 1px solid rgba(0,0,0,.2);
}
nav.aussi h1 {
	color: #bb4a4c;
	font-size: 0.825em;
	margin: 10px 0 0 0;
}
nav.aussi ul,
nav.aussi menu {
	margin: 0;
	padding: 10px 0 0 0;
}
nav.aussi ul + ul,
nav.aussi ul + h1,
nav.aussi menu + menu,
nav.aussi menu + h1 {
	margin-top: 10px;
	border-top: 1px solid rgba(0,0,0,.2);
}
nav.aussi ul + h1,
nav.aussi menu + h1 {
	padding-top: 10px;
}
nav.aussi h1 + ul,
nav.aussi h1 + menu {
	padding-top: 6px;
}
nav.aussi li {
	margin: 0;
	list-style: none;
	font-size: 0.975em;
	color: #999;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
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;
	white-space: normal;
	overflow: visible;
}
nav.aussi.grand li {
	font-size: 1.3em;
}
nav.aussi.petit li {
	font-size: 0.825em;
}
nav.aussi li + li {
	margin-top: 4px;
}
nav.aussi.grand li + li {
	margin-top: 8px;
}
nav.aussi a {
	color: #111;
}
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: 5px;
}

/* Bloc info */

section.info {
	border: 1px solid #85B3C5;
	border-top: 4px solid #85B3C5;
	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: #ebf9fb;
}
section.info.alt {
	background: ;
}
section.info.inverse {
	background: rgba(0,0,0,.7);
	color: #fff;
}
section.info h1 {
	font-size: 0.825em;
	margin: 0;
}
section.info h2 {
	font-size: 0.825em;
	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.825em;
	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.825em;
}
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 #85B3C5;
	padding: 18px;
}
section.encadre.special {
	border: 4px solid #85B3C5;
	padding: 16px;
}
section.encadre > p:first-child {
	padding-top: 0;
}
section.encadre:after {
	position: static;
	display: block;
	content: ' ';
	height: 0;
	clear: both;
}

/* Long texte */

.long-texte {
	border-top: 0;
	margin-top: 0;
}
.long-texte + .long-texte:not(.col):not(.cols) {
	margin-top: 20px;
}
.long-texte h1:not(.section) {
	text-align: left;
	font-size: 1.45em;
	margin: 1.5em 0 0.5em 0;
}
.long-texte h2 {
	text-align: left;
	font-size: 1.3em;
	margin: 1.5em 0 0.5em 0;
}
.long-texte p {
	text-align: left;
	font-size: 1.125em;
	margin: 0.5em 0;
	line-height: 1.5em;
}
.long-texte pre {
	font-size: 1.125em;
	margin: 0.5em 0;
	line-height: 1.5em;
	background: rgba(0,0,0,.05);
	padding: 10px 20px;
	overflow: auto;
}
.long-texte blockquote {
	margin: 0.5em 0 0.5em 3em;
}
.long-texte blockquote > *:first-child {
	margin-top: 0;
	padding-top: 0;
}
.long-texte:not(.avec-retrait) p {
	margin-top: 1em;
}
.long-texte.avec-retrait p:not(.sans-retrait) {
	text-indent: 1.5em;
}
.long-texte ul,
.long-texte ol,
.long-texte dl {
	margin: 0.5em 0;
	padding-left: 1.5em;
}
.long-texte.avec-retrait ul,
.long-texte.avec-retrait ol,
.long-texte.avec-retrait dl {
	padding-left: 3em;
}
.long-texte:not(.avec-retrait) ul,
.long-texte:not(.avec-retrait) ol,
.long-texte:not(.avec-retrait) dl {
	margin-top: 1em;
}
.long-texte li,
.long-texte dt,
.long-texte dd {
	text-align: left;
	font-size: 1.125em;
	line-height: 1.5em;
	margin-left: 0;
}
.long-texte ul > li,
.long-texte dt,
.long-texte dd {
	list-style: disc;
}
.long-texte dd {
	text-indent: 1.5em;
}
.long-texte li + li,
.long-texte dd + dt {
	margin-top: 0.5em;
}
.long-texte li > ul,
.long-texte:not(.avec-retrait) li > ul {
	margin-top: 0.5em;
}
.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,
.long-texte.avec-retrait.sauf-premier-paragraphe ul > li > p:first-of-type,
.long-texte.avec-retrait.sauf-premier-paragraphe ol > li > 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 {
	float: left;
	font-size: 5.2em;
	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 p.sig {
	text-align: right;
}
.long-texte div.message {
	font-size: 1.125em;
}
.long-texte hr {
	clear: left;
}
.long-texte.petit h1:not(.section) {
	font-size: 1.3em;
}
.long-texte.petit h2 {
	font-size: 1.125em;
}
.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.975em;
}
.long-texte > *:first-child {
	margin-top: 0 !important;
}
.long-texte > *:last-child {
	margin-bottom: 0 !important;
}

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

/* 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.825em;
	position: relative;
	font-weight: bold;
}
dl.tres-petit dt {
	font-size: 0.75em;
}
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;
}
dd 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]),
dd select,
dd textarea {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	width: 100%;
	display: inline-block;
	border: 1px solid rgba(0,0,0,.1);
	padding: 7px 8px;
	border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px;
	font-size: 1.125em;
	background-color: #fff;
	font-feature-settings: 'tnum';
	-webkit-font-feature-settings: 'tnum';
	-moz-font-feature-settings: 'tnum';
	-moz-font-feature-settings: 'tnum=1';
}
dd input[disabled],
dd select[disabled],
dd textarea[disabled] {
	background-color: rgba(0,0,0,.1) !important;
}
dl.petit dd 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 dd select,
dl.petit dd textarea {
	font-size: 0.975em;
}
dl.tres-petit dd 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 dd select,
dl.tres-petit dd textarea {
	font-size: 0.825em;
}
dd input.errone, dd select.errone, dd textarea.errone {
	box-shadow: inset 0 0 1px #f30; -moz-box-shadow: inset 0 0 1px #f30; -webkit-box-shadow: inset 0 0 1px #f30; -o-box-shadow: inset 0 0 1px #f30;
	background-image: url(../res/element/icone-erreur-petit.png);
	background-position: 12px 12px;
	background-repeat: no-repeat;
	padding-left: 38px;
}
dl.tres-petit dd input.errone, dl.tres-petit dd select.errone, dl.tres-petit dd textarea.errone {
	background-position: 12px 10px;
}
dd.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]),
dd.oblig select,
dd.oblig textarea,
dd.oblig ul,
section.principal dd.oblig ul,
dd.oblig menu,
section.principal dd.oblig menu,
dd input.oblig:not([type=button]):not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=reset]):not([type=submit]),
dd select.oblig,
dd textarea.oblig,
dd ul.oblig,
section.principal dd ul.oblig,
dd menu.oblig,
section.principal dd menu.oblig {
	background-image: url(../res/element/icone-obligatoire.png);
	background-position: 12px 12px;
	background-repeat: no-repeat;
	padding-left: 34px;
}
dl.tres-petit dd.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]),
dl.tres-petit dd.oblig select,
dl.tres-petit dd.oblig textarea,
dl.tres-petit dd.oblig ul,
section.principal dl.tres-petit dd.oblig ul,
dl.tres-petit dd.oblig menu,
section.principal dl.tres-petit dd.oblig menu,
dl.tres-petit dd input.oblig: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 dd select.oblig,
dl.tres-petit dd textarea.oblig,
dl.tres-petit dd ul.oblig,
section.principal dl.tres-petit dd.oblig ul,
dl.tres-petit dd menu.oblig,
section.principal dl.tres-petit dd.oblig menu {
	background-position: 12px 12px;
}
dd inputinput: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,
dd select:focus,
dd textarea:focus {
	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);
}
dd textarea {
	height: 200px;
	line-height: 1.5em;
	padding: 10px;
}
dl.tres-petit dd textarea {
	padding-top: 8px;
	padding-bottom: 8px;
	height: 120px;
}
td.num dd input, td.prix dd input {
	max-width: 80px;
	text-align: right;
}
dd.actif 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]),
dd.actif select,
dd.actif textarea {
	background-color: #ebf9fb;
}
dd.ici 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]),
dd.ici select,
dd.ici textarea,
dd.sof-ici 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]),
dd.sof-ici select,
dd.sof-ici textarea {
	color: #fff;
	background-color: #198ED4;
}
dd p,
section.principal dd p {
	font-size: 1em;
}
dd ul,
section.principal dd ul,
dd menu,
section.principal dd menu {
	margin: 0;
	padding: 0;
	border: 1px solid rgba(0,0,0,.1);
}
dd.actif ul,
section.principal dd.actif ul,
dd.actif menu,
section.principal dd.actif menu {
	background-color: #ebf9fb;
}
dd.errone ul,
section.principal dd.errone ul,
dd.errone menu,
section.principal dd.errone menu {
	background: url(../res/element/icone-erreur-petit.png) 0 2px no-repeat;
	padding-left: 20px;
}
dd li,
section.principal dd li {
	list-style: none;
	margin: 0 0 0.2em 0;
	padding: 0;
	border: 0;
	display: inline-block;
}
dd li + li,
section.principal dd li + li {
	margin-left: 1px;
}
dd li label,
section.principal dd li label {
	position: relative;
	top: 1px;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	display: inline-block;
	padding: 6px 8px 6px 24px;
	vertical-align: middle;
	font-size: 1.125em;
	cursor: pointer;
	z-index: 1;
	overflow: hidden;
}
dd li label span.addenda,
section.principal dd li label span.addenda {
	position: absolute;
	display: block;
	content: ' ';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px;
	z-index: -1;
	border-color: rgba(0,0,0,.1);
}
dd li input,
section.principal dd li input {
	margin-right: 5px;
	cursor: pointer;
	position: absolute;
	left: -20px;
}
dd li input:checked + span.description,
section.principal dd li input:checked + span.description {
	color: #093;
}
dd li input[type=radio] + span + span.addenda,
section.principal dd li input[type=radio] + span + span.addenda {
	background: url(../res/element/icone-radio-non.png) 6px 12px no-repeat;
}
dd li input[type=radio]:checked + span + span.addenda,
section.principal dd li input[type=radio]:checked + span + span.addenda {
	background: url(../res/element/icone-radio-oui.png) 6px 12px no-repeat;
}
dd li input[type=checkbox] + span + span.addenda,
section.principal dd li input[type=checkbox] + span + span.addenda{
	background: url(../res/element/icone-checkbox-non.png) 6px 12px no-repeat;
}
dd li input[type=checkbox]:checked + span + span.addenda,
section.principal dd li input[type=checkbox]:checked + span + span.addenda {
	background: url(../res/element/icone-checkbox-oui.png) 6px 12px no-repeat;
}
dd li label:hover span.addenda, dd li label:focus span.addenda,
section.principal dd li label:hover span.addenda , section.principal dd li label:focus span.addenda {
	background-color: rgba(0,0,0,.05) !important;
}
dd output {
	font-size: 1.125em;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	display: block;
	padding: 8px 8px;
	background: rgba(0,0,0,.05);
}
dd.actif output {
	background: #ebf9fb;
}
dl.petit dd output {
	font-size: 0.975em;
}
dl.tres-petit dd output {
	font-size: 0.825em;
}
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;
}

/* Navigation interne */

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

section nav.multipage + footer nav,
section search.sof-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: 36px;
	font-size: 1.125em;
	font-weight: bold;
	padding: 0 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;
}
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.975em;
	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.825em;
	padding: 0 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: #bb4a4c;
}
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: #fff;
	background: #99282a;
}
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;
}
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: none;
	border: 3px double rgba(0,0,0,.1);
	font-weight: normal;
	line-height: 30px;
}
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 , section footer nav > a.appel[href]:focus {
	background: rgba(0,0,0,.05);
}
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: #bb4a4c;
	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: #198ED4;
}

/* Descripteur */

.descripteur {
	max-width: 200px;
}
.descripteur .texte {
	white-space: nowrap;
	padding: 2px 5px;
	font-size: 0.825em;
	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.975em;
}
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: 679px) {
	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.975em !important;
	line-height: 1em !important;
	padding: 7px 10px !important;
	*/
	box-decoration-break: clone;
}
section.corps a.derouleur[href]:hover , section.corps a.derouleur[href]:focus {
	background: none !important;
}
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: 1px 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-left: 4px solid rgba(0,0,0,.1);
	padding: 10px 0;
}
section.corps nav.menu,
section.corps nav.contexte {
	margin: 0 0 1.5em 0;
}
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 menu + nav.menu,
section.corps table + nav.menu {
	margin-top: 15px;
}
section.corps nav.menu:hover , section.corps nav.menu:focus {
	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;
	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);
}
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;
}
nav.menu h1,
nav.deroulable h1,
nav.contexte h1 {
	margin: 0;
	padding: 0 15px;
	font-size: 0.825em;
	font-weight: bold;
	color: #999;
}
nav.contexte h1 a {
	color: #999;
}
nav.menu h1:first-child,
nav.deroulable h1:first-child {
	padding-top: 6px;
}
nav.menu ul + h1,
nav.deroulable ul + h1,
nav.menu menu + h1,
nav.deroulable menu + h1 {
	border-top: 1px solid rgba(0,0,0,.1);
	padding-top: 6px;
}
nav.deroulable ul + h1,
nav.deroulable menu + h1 {
	border-top: 1px solid rgba(0,0,0,.2);
}
nav.menu ul,
nav.deroulable ul,
nav.contexte ul,
nav.menu menu,
nav.deroulable menu,
nav.contexte menu {
	margin: 0;
	padding: 3px 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: 1px solid rgba(0,0,0,.1);
}
nav.deroulable ul + ul,
nav.deroulable menu + menu {
	border-top: 1px solid rgba(0,0,0,.2);
}
nav.contexte ul + ul,
nav.contexte ul + h1,
nav.contexte menu + menu,
nav.contexte menu + h1 {
	margin-top: 25px;
}
nav.menu li,
nav.deroulable li,
nav.contexte li {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0.975em;
}
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.3em;
}
nav.menu.petit li,
nav.deroulable.petit li,
nav.contexte.petit li {
	font-size: 0.825em;
}
nav.menu li a,
nav.deroulable li a,
nav.contexte li a {
	position: relative;
	display: block;
	text-decoration: none;
	color: #111;
	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,
nav.menu li a.sof-ici,
nav.deroulable li a.sof-ici,
nav.contexte li a.sof-ici {
	font-weight: bold;
}
nav.contexte li a.ici,
nav.contexte li a.sof-ici {
	position: relative;
	margin-left: -4px;
	color: #198ED4;
	border-left: 4px solid #198ED4;
}
nav.contexte li a.ici span.compteur,
nav.contexte li a.sof-ici span.compteur {
	background: #198ED4;
}
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;
	background: rgba(0,0,0,.2);
}
nav.contexte li a[href]:hover , nav.contexte li a[href]:focus {
	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: 5px;
}
nav.menu li .icone,
nav.deroulable li .icone,
nav.contexte li .icone {
	margin-right: 5px;
}
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,
nav.menu.horizontal menu {
	display: flex;
	flex-direction: row;
	flex-flow: wrap;
}

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

/* Liste */

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

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

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

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 #111;
	text-align: center;
	font-size: 0.825em;
}
ul.liste li.avec-numero div.numero.vide {
	border-color: transparent;
}

ul.liste li div.detail {
	font-size: 0.825em;
}
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),
search.sof-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: 1019px) {
		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: 679px) {
		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: #ebf9fb;
}
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: #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.975em;
	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: 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-compteur:not(.lien-inaccessible)[href]:focus,
section.tableau-de-bord a.grand-bouton:not(.lien-inaccessible)[href]:hover , section.tableau-de-bord a.grand-bouton:not(.lien-inaccessible)[href]:focus {
	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.1em;
	height: 50px;
	line-height: 50px;
	width: 100%;
}
section.tableau-de-bord a.grand-compteur span.num {
	font-size: 5.2em;
	height: 80px;
	line-height: 80px;
	letter-spacing: .05em;
}
section.tableau-de-bord a.grand-compteur span.objet {
	font-size: 1.7em;
	height: 60px;
	line-height: 60px;
}

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

/* 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;
}
div.fenetre.actif {
	opacity: 1;
}
div.fenetre header.fenetre {
	padding: 5px 15px;
	margin: 0 -30px 15px -15px;
	background: #bb4a4c;
	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.45em;
	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: 679px) {
	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;
	width: 60px;
}
header.general div.avatar img {
	width: 60px;
}

header.general nav.miettes {
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 0 20px 0;
}
header.general nav.miettes a {
	color: #111;
	padding-bottom: 3px;
	border-bottom: 3px solid #111;
}
header.general nav.miettes a .icone {
	margin-right: 6px;
}
header.general nav.miettes a[href]:hover , header.general nav.miettes a[href]:focus {
	text-decoration: none;
	color: #198ED4;
	border-color: #198ED4;
}

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.6em;
	font-family: instrument-sans, '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: #111;
}
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 > h1 a.sof-ici, article > hgroup > h1 a.sof-ici, header.general hgroup > h1 a.sof-ici,
article > h2 a.sof-ici, article > hgroup > h2 a.sof-ici, header.general hgroup > h2 a.sof-ici {
}
article > hgroup > h2, header.general hgroup > h2 {
	font-size: 1.45em;
	font-family: instrument-sans, '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.125em;
	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.975em;
		margin-bottom: 12px;
	}
	header.general nav.miettes a {
		border-bottom: 2px solid #111;
	}
	article > h1, article > hgroup > h1, header.general hgroup > h1 {
		font-size: 1.7em;
	}
	article > hgroup > h2, header.general hgroup > h2 {
		font-size: 1.45em;
	}
	article > hgroup > p, header.general hgroup > p {
		font-size: 0.975em;
	}
}

/* Autres en-têtes */

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

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

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

/* Section */

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

section.groupe {
	border-top: 4px solid #85B3C5;
	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,
h2.section,
summary {
	font-size: 1.3em;
	color: #85B3C5;
	font-family: instrument-sans, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif;
	margin: 0;
	float: left;
	border-bottom: 3px solid #85B3C5;
	padding-bottom: 4px;
  margin-bottom: 10px;
}
h1.section.petit, hgroup.section.petit h1,
h2.section.petit,
summary.petit {
	font-size: 0.975em;
	border-bottom-width: 2px;
}
h1.section:after, hgroup.section h1:after,
h2.section:after,
summary:after {
	content: ' ';
	visibility: hidden;
	display: block;
	clear: left;
	width: 100%;
	position: static;
  height: 0;
}
h1.section + *, hgroup.section h1 + *,
h2.section + *,
summary + * {
	clear: left;
}
hgroup.section h2 {
	font-size: 0.975em;
	font-family: instrument-sans, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif;
	color: #85B3C5;
	margin: 0;
	margin-bottom: 10px;
}
aside > h1, aside > hgroup.section h1 {
	border-top: 0;
}
h1.section.grand, hgroup.section.grand h1,
h2.section + *,
summary.grand {
	color: ;
	text-transform: uppercase;
	font-size: 1.45em;
	margin-bottom: 25px;
}
h1.section.appel, hgroup.section.appel h1,
h2.section.appel,
summary.appel {
	color: ;
	font-size: 1.45em;
	font-weight: 300;
	line-height: 1em;
}
h1.section + nav.menu, hgroup.section + nav.menu,
h2.section + nav.menu,
summary + nav.menu {
	clear: left;
	margin-top: 10px;
}
h1.section a, hgroup.section a,
h2.section a,
summary a {
	color: #85B3C5;
}
h1.section a[href]:hover, h1.section a[href]:focus, hgroup.section a[href]:hover,
h2.section a[href]:hover, h2.section a[href]:focus,
summary a[href]:hover , summary a[href]:focus {
	color: #198ED4;
}

/* Texte normal */

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

/*
section aside {
	width: 200px;
	background: #ebf9fb;
	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.975em;
}

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.825em;
}

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.825em;
	line-height: 1.2em;
}
section figure.album figcaption div.titre {
	font-size: 1.125em;
}
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,
table + search.sof-multipage {
	border-top-width: 0;
}
nav.onglets + table tr:first-child th,
nav.multipage + table tr:first-child th,
search.sof-multipage + table tr:first-child th {
	padding-top: 15px;
}
table {
	border-collapse: collapse;
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
table th {
	text-align: left;
	font-size: 0.975em;
	font-weight: bold;
	color: #85B3C5;
	vertical-align: bottom;
	padding: 0 16px 4px 16px;
}
table.petit th {
	font-size: 0.825em;
	padding: 0 10px 4px 10px;
}
table.grand th {
	font-size: 0.975em;
	padding: 0 20px 6px 20px;
}
table th a {
	color: #85B3C5;
}
table th a.filtre {
	white-space: nowrap;
}
table th a.filtre img {
	margin-left: 5px;
}
table th.minitri {
	position: relative;
	white-space: nowrap;
	padding-left: 0px;
}
table th nav.minitri {
	margin-left: -16px;
	position: relative;
	display: inline-block;
	xwhite-space: nowrap;
}
table th.minitri a {
	display: inline-block;
}
table th nav.minitri a {
	display: block;
}
table th.minitri a.actif,
table th nav.minitri a.actif {
	padding: 0 4px 0 0;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;
	color: #fff;
	background: #bb4a4c;
}
table th.minitri a .icones,
table th nav.minitri a .icones {
	float: left;
	display: block;
	width: 16px;
}
table th.minitri a .icone,
table th nav.minitri a .icone {
	display: none;
}
table th.minitri a .description,
table th nav.minitri a .description {
	display: block;
	margin-left: 16px;
}
table th.minitri a:not(.actif) .icone.si-inactif,
table th.minitri a.actif:not(.desc) .icone.si-actif.si-asc,
table th.minitri a.actif.desc .icone.si-actif.si-desc,
table th nav.minitri a:not(.actif) .icone.si-inactif,
table th nav.minitri a.actif:not(.desc) .icone.si-actif.si-asc,
table th nav.minitri a.actif.desc .icone.si-actif.si-desc {
	display: block;
}
table tr.debut-section {
	background: rgba(0,0,0,.05);
}
table td {
	font-size: 0.975em;
	padding: 10px 16px;
	border-top: 1px solid rgba(0,0,0,.1);
	font-feature-settings: 'tnum';
	-webkit-font-feature-settings: 'tnum';
	-moz-font-feature-settings: 'tnum';
	-moz-font-feature-settings: 'tnum=1';
}
table.etroit th,
table.etroit td,
table th.etroit,
table td.etroit {
	letter-spacing: -.02em;
}
table.petit td {
	font-size: 0.825em;
	padding: 6px 10px;
}
table.grand td {
	font-size: 1.125em;
	padding: 12px 20px;
}
table td.description {
	font-size: 0.825em;
	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 th.reduit,
table td.reduit {
	max-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
}
table th.petit,
table td.petit {
	font-size: 0.825em;
}
table tr.special td,
table tr.playing td {
	background: #F9F8DA;
}
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 {
	border: 0;
}
table.rayures td {
	border: 0;
}
table.rayures tbody tr:nth-of-type(2n+1) td {
	background: rgba(0,0,0,.05);
}
table.rayures tbody td + td {
	border-left: 1px solid rgba(0,0,0,.1);
}
table.rayures tbody td.avatar + td {
	border-left: 0;
}

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

/* Calendrier */

nav.mois + table.calendrier {
	margin-top: 12px;
}
nav.mois {
}
nav.mois a {
	font-size: 1.3em;
	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.125em;
	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 , nav.mois a[href]:focus {
	text-decoration: none;
	background: rgba(0,0,0,.05);
}
nav.mois a.ici,
nav.mois a.sof-ici {
	color: #fff;
	background: #198ED4;
}

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.125em;
	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.125em;
	text-align: center;
	line-height: 32px;
	height: 32px;
	font-weight: normal;
	color: #bb4a4c;
}
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.825em;
}
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.3em;
	line-height: 2.4em;
	color: #111;
}
table.calendrier.petit a {
	padding: 0 6px;
	font-size: 1.125em;
}
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: rgba(0,0,0,.05);
}
table.calendrier td.interessant {
	background: #ebf9fb;
}
table.calendrier a.ici,
table.calendrier a.sof-ici {
	background: #198ED4;
	color: #fff;
}

/* Infos */

ul.infos {
	margin: 0;
	padding: 0;
}
ul.infos li {
	display: block;
	margin: 0;
	padding: 2px 10px;
	font-size: 0.825em;
}
ul.infos li + li {
	margin-top: 0;
}
ul.infos li b {
	color: #999;
}
ul.infos li:nth-of-type(2n+1) {
	background: rgba(0,0,0,.05);
}

/* 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.125em;
}
section.mini-profil div.nom a {
	color: #111;
}
section.mini-profil div.type {
	font-size: 0.825em;
	margin-top: 3px;
}
section.mini-profil section.infos nav.menu {
	margin: 15px 0 0 0;
}

/* Complément */

footer.complement {
	font-size: 0.825em;
	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,
search.sof-multipage + ul.utilisateurs,
ul.utilisateurs + search.sof-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;
	margin-right: 10px;
}
li.utilisateur section.infos {
	margin-left: 60px;
}
li.utilisateur.petit section.infos {
	margin-left: 40px;
}
li.utilisateur div.nom {
	font-size: 0.975em;
}
li.utilisateur.petit div.nom {
	font-size: 0.825em;
}
li.utilisateur div.categorie {
	font-size: 0.825em;
}

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

/* 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 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.125em;
	line-height: 24px;
}
ul.episodes div.contenu span.systeme {
	color: #bb4a4c;
}
ul.episodes div.moment {
	font-size: 0.825em;
	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;
}

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