@import url('https://fonts.googleapis.com/css?family=Mulish:300,400,600,700,800&display=swap');

* {
	box-sizing:border-box;
	/*
	scrollbar-width:thin;
	scrollbar-color:#f6f2e9 #564d4a;
	#191814
	#d6d3c9
	#f6f2e9
	#fbf9f2
	#ffffff
	*/
}
/*
::-webkit-scrollbar { width:0.5rem; }
::-webkit-scrollbar-track { background:#d6d3c9; }
::-webkit-scrollbar-thumb {	background:#d6d3c9; }
*/
html, body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	color:#523735;
	font-size:16px;
	background:#f6f2e9;
	font-family:'Muli', 'Helvetica', sans-serif;
	-webkit-text-size-adjust:100%;
}
a,
a:active,
a:visited {
	color:#523735;
	outline:0;
	cursor:pointer;
	user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
}
a:hover {
	color:#000;
}
.bouton {
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
	white-space:nowrap;
	height:2.4em;
	line-height:2.4em;
	padding:0 0.6em;
	margin:0 0.6em 0.8em 0;
	background-color:#ffe085;
	border:1px solid #a39775;
	border-radius:3px;
	font-size:0.82rem;
	font-weight:700;
	font-family:Mulish;
	text-decoration:none;
	text-transform:uppercase;
	user-select:none;
	-moz-user-select:none;
    -webkit-user-select:none;
	-webkit-appearance:none;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
}
.bouton:hover,
.bouton:focus {
	outline:0;
	background-color:#ffd35d;
}
.bouton:active,
.bouton.on {
	cursor:default;
	background:#ffd35d;
}
.bouton.petit {
	text-transform:none;
}


/* DISPOSITION */

.page {
	box-sizing:border-box;
	overflow-y:auto;
	position:fixed;
	top:3.2rem;
	left:0;
	right:0;
	width:100%;
	height:calc(100% - 3.2rem);
	z-index:1;
}
.contenus {
	box-sizing:border-box;
	overflow-x:hidden;
	position:relative;
	min-height:100%;
	padding:0;
	margin:0 auto;
}
.contenus.principal {
	z-index:800;
	width:67%;
	max-width:calc(100% - 16rem);
	min-width:calc(100% - 22rem);
}
.contenus.secondaire {
	z-index:850;
	position:fixed;
	top:3.2rem;
	left:0;
	width:33%;
	min-width:16rem;
	max-width:22rem;
	height:calc(100% - 3.2rem);
	min-height:calc(100% - 3.2rem);
}
.contenus.secondaire.ferme {
	display:none;
}
.contenus.gauche {
	float:left;
}
.contenus.droite {
	float:right;
}
.contenus.entier {
	margin:0;
	padding:0;
	width:100%;
	max-width:100%;
}
.contenus.secondaire.droite {
	left:auto;
	right:0;
}
.marges {
	width:90%;
	margin:0 6% 0 4%;
	padding:0 1.2rem;
	max-width:720px;
}
#liste {
	min-width:100%;
}
#albums,
#photos {
	top:3.2rem;
	background:none !important;
}
#albums .principal,
#photos .principal,
#recherches .principal {
	padding-top:2rem;
}
#albums .marges,
#photos .marges,
#recherches .marges {
	position:relative;
	max-width:none;
	margin:0 0 0 4%;
}
.colonnes {
	display:table;
}
.colonne {
	display:table-cell;
	vertical-align:top;
}
#recherches .colonne {
	display:block;
}

#connexion .principal,
#inscription .principal  {
	width:56%;
	max-width:calc(100% - 22rem);
	min-width:calc(100% - 26rem);
}
#connexion .secondaire,
#inscription .secondaire {
	width:44%;
	min-width:22rem;
	max-width:26rem;
}
#connexion .marges,
#inscription .marges {
	padding-bottom:8rem;
}
.photo-navigation {
	position:relative;
	overflow:hidden;
	width:100%;
	min-height:2rem;
	border-bottom:1px solid #a39775;
}
.photo-navigation {
	display:block;
	position:fixed;
	overflow:hidden;
	top:3.2rem;
	right:0;
	height:2rem;
	background:#fbf9f2;
	z-index:99999999999;
	box-shadow: 0px 0px 16px 4px rgba(0,0,0,0.16);
	-moz-box-shadow: 0px 0px 16px 4px rgba(0,0,0,0.16);
	-webkit-box-shadow: 0px 0px 16px 4px rgba(0,0,0,0.16);
}
.droite .photo-navigation {
	width:67%;
	max-width:calc(100% - 16rem);
	min-width:calc(100% - 22rem);
}

@media only screen and (max-width:640px) {
	#albums.filtres-on .principal,
	#photos.filtres-on .principal {
		padding-top:0;
	}
	
	#photos .contenus.principal,
	#photos .contenus.secondaire,
	#albums .contenus.principal,
	#albums .contenus.secondaire {
		position:relative;
		top:0;
		left:0;
		width:100%;
		height:auto;
		min-height:0;
		min-width:100%;
		max-width:100%;
		border-right:0;
	}
	.droite .photo-navigation {
		position:relative;
		top:0;
		width:100%;
		min-width:100%;
		max-width:100%;
	}
	
	#albums.collant,
	#photos.collant {
		top:3.2rem;
	}
	#albums.collant .photo-navigation,
	#photos.collant .photo-navigation {
		position:fixed;
		top:3.2rem;
	}
	#connexion .principal,
	#connexion .secondaire,
	#inscription .principal,
	#inscription .secondaire {
		position:relative;
		top:0;
		left:0;
		width:100%;
		min-width:100%;
		max-width:100%;
	}
	#connexion .secondaire,
	#inscription .secondaire {
		/* height:auto; */
		min-height:0;
		border-left:0;
		border-bottom:1px solid #a39775;
	}
	#connexion p.bas {
		position:relative;
		left:0;
		bottom:0;
	}
	.colonne {
		display:block;
		overflow:hidden;
		width:100%;
	}
	.colonne .icone-filtres {
		float:left !important;
		position:relative;
		right:0.6em;
		top:0.8em;
		margin-bottom:-0.2em;
		margin-right:-0.6em;
	}
	.colonne .annulations {
		float:left !important;
		position:relative;
		top:1.6em;
		clear:none;
		width:auto;
		padding:0 0 1.6em 0;
	}
	.colonne .filtre-annule {
		
	}
	.colonne .filtre-annule li {
		float:none;
		margin:0 0.6em 0.6em 0;
	}
	#albums .marges {
		margin:0 auto;
		padding:0 0.6em;
	}
}
/*
@supports (-webkit-touch-callout:none) {
	@media all and (orientation:landscape) {
		.contenus.principal,
		.contenus.secondaire {
			position:relative;
			top:0;
			left:0;
			width:100%;
			min-width:100%;
			max-width:100%;
		}
		#connexion .principal,
		#connexion .secondaire,
		#inscription .principal,
		#inscription .secondaire {
			position:relative;
			top:0;
			left:0;
			width:100%;
			min-width:100%;
			max-width:100%;
		}
		#connexion .secondaire,
		#inscription .secondaire {
			height:auto;
			min-height:0;
			border-left:0;
			border-bottom:1px solid #a39775;
		}
		#photos .secondaire,
		#albums .secondaire {
			height:auto;
			min-height:0;
			border-left:0;
		}
		#connexion p.bas {
			position:relative;
			left:0;
			bottom:0;
		}
		.colonne {
			display:block;
			overflow:hidden;
			width:100%;
		}
		.colonne .icone-filtres {
			float:left !important;
			position:relative;
			right:0.6em;
			top:0.8em;
			margin-bottom:-0.2em;
		}
		.colonne .annulations {
			float:left !important;
			position:relative;
			top:1.6em;
			clear:none;
			width:auto;
			padding:0 0 1.6em 0;
		}
		.colonne .filtre-annule {
			
		}
		.colonne .filtre-annule li {
			float:none;
			margin:0 0.6em 0.6em 0;
		}
		#albums .marges {
			margin:0 auto;
			padding:0 0.6em;
		}
	}
}
*/

/* ACCUEIL */

#accueil {
	top:0;
	bottom:0;
	height:100%;
	min-height:100%;
}
#accueil .marges {
	max-width:960px;
	padding:2rem 0;
	margin:0 auto;
	overflow:hidden;
}
a {
	text-decoration:none;
}



/* ACCUEIL SECTION A */

.accueil-identite {
	position:relative;
	width:100%;
	min-width:100%;
	background:#fbf9f2;
	/* background:rgba(251, 249,242, 0.8); */
	border-bottom:1px solid #a39775;
	z-index:200;
}
.accueil-titre {
	float:left;
	width:80%;
	padding:5.6vh 0 0;
}
body.connecte .accueil-titre {
	padding:0;
}
.titre-principal {
	margin:0;
	padding:0;
	font-size:3.6rem;
	font-weight:900;
	line-height:1.2;
	text-transform:uppercase;
	white-space:nowrap;
}
.titre-principal a {
	color:#523735;
	text-decoration:none;
}
.titre-principal a:hover {
	color:#2a271f;
}
.titre-bienvenue,
.titre-action {
	font-weight:500;
	font-size:0.96rem;
}
.titre-action br {
	display:none;
}
.titre-action strong {
	font-weight:700;
}
.accueil-usager {
	float:right;
	width:20%;
	padding:1.8vh 0 0;
	text-align:center;
}
body.connecte .accueil-usager {
	display:none;
}
.fleche,
.accueil-inscription,
.accueil-identification {
	width:100%;
	font-size:0.92rem;
}
.fleche {
	display:inline-block;
	width:100%;
}
.fleche svg {
	width:1.6em;
	stroke:#564d4a;
}
.accueil-inscription {
	overflow:hidden;
}
.accueil-identification {
	margin-top:0.4em;
}
.accueil-inscription a,
.accueil-identification a {
	display:inline-block;
	width:100%;
	text-decoration:none;
}
.accueil-inscription a:hover,
.accueil-identification a:hover {
	text-decoration:underline !important;
}

.accueil-inscription .cercle {
	box-shadow:border-box;
	display:inline-block;
	position:relative;
	text-align:center;
	width:3.2rem;
	height:3.2rem;
	border-radius:1.6rem;
	border:1px solid #a39775;
	background:#564d4a;
}
.accueil-inscription:hover .cercle {
	background:#000;
}
.cercle .icone-profil {
	display:table;
	width:100%;
	height:100%;
	text-align:center;
}
.icone-profil span {
	display:table-cell;
	text-align:center;
	vertical-align:bottom;
}
.icone-profil svg {
	fill:#fff;
	width:5.6rem;
	height:5.6rem;
	position:relative;
	right:1.2rem;
	bottom:0.8rem;
}
.accueil-identification .texte {
	display:inline-block;
	width:100%;
}


/* ACCUEIL SECTION B */

.accueil-entree {
	position:relative;
	width:100%;
	min-width:100%;
}
.pastille {
	position:relative;
	display:block;
	float:left;
	text-align:center;
	font-size:0.96rem;
	width:9.2em;
	height:9.2em;
	margin:2vh 6vw 2vh 0;
	border-radius:4.6em;
	background:#564d4a;
}
.pastille:hover {
	background:#000;
}
.pastille a {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	transform: rotate(-12deg);
}
.pastille .cercle {
	display:table;
	width:100%;
	height:100%;
}
.pastille .cercle span {
	display:table-cell;
	vertical-align:middle;
	color:#fff;
}
.entree-options {
	position:relative;
	display:block;
	float:left;
	text-align:left;
}
.chercher,
.consulter {
	margin-bottom:1.6em;
}
.chercher h3,
.consulter h3 {
	margin:2vh 0;
	font-weight:600;
	font-size:1.12rem;
}
.chercher .recherche {
	padding-top:0;
}
.chercher .recherche .champs input[type="text"] {
	width:18rem;
	max-width:92%;
}
.consulter a {
	box-sizing:unset;
	margin-right:0.8em;
	padding:0.3em 1em;
	font-size:1em;
	background:linear-gradient(15deg, rgba(238,193,74,1) 0%, rgba(254,228,154,1) 100%);
	box-shadow:-1px 4px 8px -4px rgba(0,0,0,0.4);
	-moz-box-shadow:-1px 4px 8px -4px rgba(0,0,0,0.4);
	-webkit-box-shadow:-1px 4px 8px -4px rgba(0,0,0,0.4);
}

.consulter a:hover {
	text-decoration:none !important;
	background:linear-gradient(15deg, rgba(221,176,58,1) 0%, rgba(242,207,105,1) 100%);
}


/* ACCUEIL SECTION C */
	
.accueil-infos {
	position:absolute;
	bottom:0;
	width:100%;
	min-width:100%;
	
}
.accueil-infos ul {
	display:inline-block;
	list-style:none;
	padding:0;
	margin:0;
	font-weight:600;
	font-size:0.92rem;
}
.informations li {
	display:inline-block;
	padding:0 0.8em 0 0;
	height:2rem;
	line-height:2rem;
}
.informations li a {
	display:inline-block;
	vertical-align:middle;
}
.medias li {
	display:inline-block;
	padding:0 0.2em 0 0;
	height:2rem;
	line-height:2rem;
}
.media {
	display:inline-block;
	position:relative;
	vertical-align:middle;
}
.media svg {
	display:inline-block;
	vertical-align:top;
	width:2em;
	height:2em;
}


/* ACCUEIL SUPERPOSE */

.superpose {
	display:none;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.6);
	z-index:1000;
}
.superpose.on {
	display:block;
}
.accueil-message {
	width:90%;
	max-width:520px;
	margin:12vh auto;
}
.message-titre {
	cursor:pointer;
	position:relative;
	padding:1.2em 1.2em 0.8em;
	font-size:0.92rem;
	text-transform:uppercase;
	background:#f6f2e9;
	border:1px solid #a39775;
	border-bottom:none;
	border-top-left-radius:0.3em;
	border-top-right-radius:0.3em;
	-moz-border-radius-topleft:0.3em;
	-moz-border-radius-topright:0.3em;
	-webkit-border-top-left-radius:0.3em;
	-webkit-border-top-right-radius:0.3em;
}
.message-titre span {
	display:inline-block;
	font-weight:700;
	max-width:96%;
	line-height:1.4;
}
.message-titre span strong {
	font-weight:800;
}
.message-titre .fermer {
	position:absolute;
	top:1em;
    right:0.8em;
	cursor:pointer;
}
.message-titre .fermer svg {
	display:inline-block;
	height:1.6em;
	width:1.6em;
}
.message-contenu {
	position:relative;
	padding:0.8em 1.2em 1.2em;
	background:#fdfcf8;
	border:1px solid #a39775;
	border-bottom-right-radius:0.3em;
	border-bottom-left-radius:0.3em;
	-moz-border-radius-bottomright:0.3em;
	-moz-border-radius-bottomleft:0.3em;
	-webkit-border-bottom-right-radius:0.3em;
	-webkit-border-bottom-left-radius:0.3em;
}
.message-contenu p {
	margin:0 0 0.8em;
	font-size:0.96rem;
	line-height:1.4;
}
.message-contenu p.slogan {
	font-style:italic;
	font-size:0.92em;
}
.message-contenu p.slogan strong {
	font-weight:600;
}
.message-contenu .confirmation {
	display:inline-block;
	width:100%;
	text-align:center;
}
.message-contenu a {
	display:inline-block;
	margin:0.8em 0 0.4em;
}
.accueil-fond {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.arriere-plan {
	position:absolute;
	bottom:0;
	right:0;
	z-index:-1;
	width:100%;
	height:42vh;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:bottom right;
	background-image:url("images/arriere-plan-chronoscope.jpg");
}

@media only screen and (max-width:1000px) {
	#accueil .medias {
		width:100%;
		margin-top:0.8em;
	}
	#accueil .informations {
		margin-bottom:0.8em;
	}
	.informations li {
		display:block;
		padding:0;
		height:1.8rem;
		line-height:1.8rem;
	}
}
@media only screen and (max-width:800px) {
	.accueil-titre {
		width:70%;
	}
	.accueil-usager {
		width:30%;
	}
	.medias {
		width:100%;
	}
}
@media only screen and (max-width:756px) {
	.titre-bienvenue {
		font-size:0.82rem;
	}
	.titre-action {
		font-size:0.82rem;
	}
	.titre-principal {
		font-size:7vw;
	}
	.titre-action br {
		display:inline;
	}
}
@media only screen and (max-width:560px) {
	.pastille {
		position:absolute;
		top:-3rem;
		right:0;
		font-size:0.84em;
	}
	.chercher .recherche .champs input[type="text"] {
		width:16.2rem;
		max-width:84%;
	}
	.accueil-titre {
		width:60%;
	}
	.accueil-usager {
		width:40%;
	}
}
@media only screen and (max-width:460px) {
	.informations li {
		text-transform: capitalize;
	}
	.informations li .optionnel {
		display:none;
	}
	.titre-action br {
		display:none;
	}
	.accueil-titre {
		width:80%;
	}
	.titre-principal {
		font-size: 10vw;
	}
	.accueil-usager {
		position:absolute;
		width:100%;
		top:0;
		left:0;
		right:0;
		text-align:right;
	}
	.accueil-identification {
		margin:0 0.8em 0 0.4em;
	}
	.fleche,
	.accueil-inscription,
	.accueil-identification {
		white-space:nowrap;
		display:inline-block;
		vertical-align:top;
		width:auto;
		font-size:0.88rem;
	}
	.accueil-identification span,
	.accueil-inscription span,
	.accueil-inscription strong {
		display:inline-block;
		height:2.4rem;
		line-height:2.4rem;
		vertical-align:top;
	}
	.accueil-inscription .cercle {
		width:2.4rem;
		height:2.4rem;
	}
	.icone-profil svg {
		width:4.6rem;
		height:4.6rem;
		right:1.12rem;
		bottom:0.88rem;
	}
	.fleche {
		margin:0 0.4rem;
		line-height:3.2rem;
	}
	.fleche svg {
		width:1.4rem;
		height:1.4rem;
		transform:rotate(-90deg)
	}
}

@media only screen and (max-width:380px) {
	.accueil-inscription .cercle {
		margin-right:0.8em;
	}
	
	.accueil-identification {
		position:relative;
		display:block;
		bottom:1.2em;
	}
	.accueil-titre {
		margin-top:1.8em;
	}
	.chercher .recherche .champs input[type="text"] {
		max-width:76%;
	}
}


@media only screen and (max-height:640px) {
	.accueil-infos {
		position:relative;
	}
	#accueil .accueil-infos .marges {
		padding-top:0;
	}
}


/* NAVIGATION */

.ruban {
	position:fixed;
	z-index:1000;
	top:0;
	left:0;
	right:0;
	width:100%;
	height:3.2rem;
	background:#fbf9f2;
	border-bottom:1px solid #a39775;
}
.icone,
.ruban .icone {
	display:block;
	cursor:pointer;
	width:3.2rem;
	height:3.2rem;
}
.icone svg {
	fill:#523735;
	width:100%;
	height:auto;
}
.icone:hover svg {
	fill:#000;
}
.menu {
	position:relative;
	top:0;
	z-index:1200;
	height:3.2rem;
	width:3.2rem;
}
.menu ul,
.menu ul:focus {
	position:absolute;
	display:none;
	top:100%;
	left;
	list-style:none;
	margin:0;
	padding:0;
	z-index:1600;
	
}
.menu.on ul,
.menu:hover ul {
	display:inline-block;
}
@supports (-webkit-touch-callout:none) {
	@media only screen and (min-width:320px) {
		.menu:hover ul { display:none; }
		.menu.on ul { display:inline-block; }
		.menu li a { box-sizing:unset; }
	}
}
.menu li a {
	display:inline-block;
	white-space:nowrap;
	width:100%;
	padding:1.32em 0.8em;
	color:#523735;
	font-size:0.8rem;
	font-weight:600;
	text-transform:uppercase;
	background:#f6f2e9;
	text-decoration:none;
	border-bottom:1px solid #a39775;
}
.menu li a:hover {
	background:#fbf9f2;
}
.menu-principal li a {
	padding-right:1.6em;
}
.menu-utilisateur li a {
	padding-left:1.6em;
}
.menu-principal {
	float:left;
}
.menu-principal .icone {
	border-right:1px solid #a39775;
}
.menu-utilisateur {
	float:right;
}
.menu-utilisateur .icone {
	border-left:1px solid #a39775;
}
.menu-principal ul {
	left:0;
	top:100%;
}
.menu-utilisateur ul {
	right:0;
	top:100%;
}
.menu-principal li a {
	border-right:1px solid #a39775;
}
.menu-utilisateur li a {
	border-left:1px solid #a39775;
}


/* RECHERCHE */

.recherche {
	padding-top:1.2rem;
}
.ruban .recherches {
	box-sizing:border-box;
	position:absolute;
	overflow:hidden;
	top:0;
	right:3.2rem;
	min-width:30%;
	max-width:calc(100% - 6.4rem);
}
.ruban .recherche {
	padding:0.5rem 0.5rem 0.2rem;
	background:#fbf9f2;
}
.recherche .champs {
	white-space:nowrap;
}
.recherche .champs input[type="text"] {
	box-sizing:border-box;
	display: inline-block;
	vertical-align:top;
	height:2.2rem;
	width:calc(100% - 2.2rem);
	margin:0;
	border-radius:0.2em 0 0 0.2em;
	-moz-border-radius:0.2em 0 0 0.2em;
	-webkit-border-radius:0.2em 0 0 0.2em;
	border-right:0;
	-webkit-appearance:none;
}
.recherche .champs input[type="submit"] {
	display:none;
}
.recherche .champs label {
	box-sizing:border-box;
	display: inline-block;
	vertical-align:top;
	cursor: pointer;
	white-space: nowrap;
	width:2.2rem;
	height:2.2rem;
	background-color:#ffe085;
	border:1px solid #a39775;
	border-radius:3px;
	border-radius:0 0.2em 0.2em 0;
	-moz-border-radius:0 0.2em 0.2em 0;
	-webkit-border-radius:0 0.2em 0.2em 0;
	-webkit-appearance:none;
}
.recherche .champs label svg {
	width:100%;
	height:100%;
}
.recherche .champs label:hover {
	background:#ffd35d;
}
.recherche .champs input:focus {
  background:#fff;
}


/* CONNEXION */

#connexion .titre-principal,
#inscription .titre-principal {
	margin-top:5.6vh;
	line-height:1;
}
#connexion .titre-secondaire,
#inscription .titre-secondaire {
	margin:1.2vh 0 2.4vh;
	line-height:1;
}
#connexion .secondaire,
#inscription .secondaire {
	overflow-y:hidden;
	padding:1.8rem;
	background:#fdfcf8;
	border-left:1px solid #a39775;
}
#connexion p,
#inscription p {
	overflow:hidden;
	margin:0 0 0.6em;
	font-size:0.92rem;
	line-height:1.4;
}
.connexion .champs,
.inscription .champs {
	margin-top:1.2rem;
}
.connexion .soumettre,
.inscription .soumettre {
	margin:0.8em 0;
}

@media only screen and (min-height:600px) {
  .connexion .bas {
		position:absolute;
		left:1.8rem;
		bottom:1.8rem;
	}
}
.champs {
	list-style:none;
	margin:0;
	padding:0;
}
.champs label {
	display:inline-block;
	width:100%;
	margin:0 0 0.2em;
	font-size:0.76rem;
	font-family:Mulish;
	font-weight:600;
	text-transform:uppercase;
	user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
}
.champs .coche label {
	width:auto;
	text-transform:none;
}
.champs input:focus {
	outline:0;
}
.champs input[type=text],
.champs input[type=password] {
	display:inline-block;
	box-sizing:border-box;
	width:100%;
	height:2.6em;
	line-height:2.6em;
	margin:0 0 0.6em;
	padding:0 0.4rem;
	color:#000;
	background:#fdfdfd;
	border-radius:0.1em;
	border:1px solid #a39775;
}
.champs input[type=text]:focus,
.champs input[type=password]:focus {
	background:#fff;
}
.messages {
	display:inline-block;
	margin:1.2em 0;
	background:#fff;
	border:1px solid #a39775;
}
.messages_titre {
	display:inline-block;
	width:100%;
	padding:0.3em 0.8em 0.2em;
	font-weight:600;
	font-size:0.92em;
	text-transform:uppercase;
	border-left:3px solid #a39775;
}
.messages_titre.erreur {
	border-left:3px solid #c01200;
}
.messages_titre.confirmation {
	border-left:3px solid #b8da27;
}
.erreurs,
.confirmations {
	list-style:none;
	margin:0;
	padding:0;
}
.erreurs li,
.confirmations li {
	padding:0.2em 0.8em;
	border-left:3px solid #c01200;
	font-weight:600;
	font-size:0.84em;
	line-height:1.12;
}
.confirmations li {
	border-left:3px solid #b8da27;
}
.erreurs li:last-child,
.confirmations li:last-child {
	padding-bottom:0.6em
}


/* FIL D'ARIANE */

.ariane {
	width:100%;
	padding:0;
	margin:0;
	white-space:nowrap;
}
.ruban .ariane {
	display:inline-block;
	overflow:hidden;
	height:3.2rem;
	width:calc(100% - 6.4rem);
}
.ariane li {
	display:inline-block;
	vertical-align:middle;
}
.ariane li a {
	display:inline-block;
	height:3.2rem;
	line-height:3.2rem;
	font-size:1rem;
	text-decoration:none;
	text-transform:uppercase;
}
.ariane li:first-child a {
	font-weight:800;
	font-size:1.2rem;
}
.ariane li svg {
	display:inline-block;
	width:1rem;
	height:1rem;
	margin-left:0.4em;
}
.ariane li:last-child svg {
	display:none;
}
.ruban .ariane li:first-child {
	padding-left:0.8em;
}
@media only screen and (max-width:720px) {
	.ruban .ariane li.optionnel {
		display:none;
	}
}


/* ALBUMS */

#albums-liste {
	position:relative;
	padding-top:0.8em;
}
.albums {
	list-style:none;
	width:100%;
	margin:0;
	padding:0;
	text-align:left;
}
.album {
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
	position:relative;
	overflow:hidden;
	width:100%;
	margin:0 0 0.8em;
	background:#fdfcf8;
	border:1px solid #a39775;
}
.album-couverture {
	display:inline-block;
	width:100%;
	padding:0 0 2.4em;
}
.album-endos {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:none;
	background:#fdfcf8;
}
.album:hover .album-endos {
	display:block;
}
.album-image {
	width:100%;
	height:auto;
	border-bottom:1px solid #a39775;
}
.album-infos a {
	text-decoration:none;
}
.album-periode {
	box-sizing:border-box;
	display:inline-block;
	padding:0.6em 0.8em 0.2em;
	width:100%;
	font-size:0.86rem;
	text-align:center;
}
.album-titre {
	box-sizing:border-box;
	display:inline-block;
	padding:0.2em 0.8em 0.4em;
	width:100%;
	font-weight:700;
	font-size:1rem;
	text-align:center;
}
.album-couverture .album-titre {
	min-height:4.4em;
}
.album-intro {
	box-sizing:border-box;
	display:inline-block;
	padding:0.4em 1.2em;
	font-size:0.84rem;
	line-height:1.4;
	text-align:left;
}
.album-auteur {
	box-sizing:border-box;
	display:inline-block;
	position:absolute;
	left:0; bottom:0.6em;
	padding:0.4em 0.8em;
	width:100%;
	font-size:0.82rem;
	text-align:center;
}
.album-lien {
	box-sizing:border-box;
	display:inline-block;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	padding:0.8em 0.8em;
	text-align:center;
	background:#fdfcf8;
	border-top:0.1em solid rgba(253, 252, 248, 0.6);
    background-clip:padding-box;
	-webkit-background-clip:padding-box;
}
.album-lien .bouton {
	display:inline-block;
	padding:0.6em 0.8em;
	background:#ffe085;
	border:1px solid #a39775;
	border-radius:3px;
	font-size:0.82rem;
	font-weight:700;
	text-decoration:none;
	text-transform:uppercase;
}
.album-lien .bouton:hover {
	background:#ffd35d;
}
.album-navigation a,
.album-navigation a:active {
	outline:none;
	text-decoration:none;
}
.album-navigation .texte {
	display:none;
}

.album-navigation svg {
	width:3.2em;
	height:3.2em;
}
.album-suivant {
	display:inline-block;
	position:absolute;
	top:4em;
	right:-2em;
}
.album-precedent {
	display:inline-block;
	position:absolute;
	top:4em;
	left:-2em;
}

@media only screen and (max-width:720px) {
	.album-navigation {
		display:inline-block;
		position:relative;
		width:100%;
	}
	.album-suivant {
		display:inline-block;
		position:relative;
		float:right;
		top:-0.8em;
		right:0;
	}
	.album-precedent {
		display:inline-block;
		position:relative;
		float:left;
		top:-0.8em;
		left:0;
	}
	.album-navigation {
		display:inline-block;
		position:relative;
		width:100%;
	}
	.album-navigation svg {
		width:1.6em;
		height:1.6em;
	}
	.album-navigation .texte {
		display:inline-block;
		vertical-align:top;
		padding:0.3em 0;
		font-size:0.76em;
		font-weight:600;
		line-height:1.6;
		text-transform:uppercase;
	}
}
@media only screen and (min-width:721px) and (max-width:960px) {
	.album {
		width:49%;
		margin-left:1%;
		margin-right:1%;
	}
	.album:nth-child(2n+1) {
		margin-left:0;
	}
	.album:nth-child(2n+2) {
		margin-right:0;
	}
}
@media only screen and (min-width:961px) and (max-width:1200px) {
	.album {
		width:32%;
		margin-left:1%;
		margin-right:1%;
	}
	.album:nth-child(3n+1) {
		margin-left:0;
	}
	.album:nth-child(3n+3) {
		margin-right:0;
	}
}
@media only screen and (min-width:1201px) {
	.album {
		width:23.5%;
		margin-left:1%;
		margin-right:1%;
	}
	.album:nth-child(4n+1) {
		margin-left:0;
	}
	.album:nth-child(4n+4) {
		margin-right:0;
	}
}
@supports (-webkit-touch-callout:none) {
	@media all and (min-width:320px) and (max-width:960px) and (orientation:landscape) {
		.album {
			width:49%;
			margin-left:1%;
			margin-right:1%;
		}
		.album:nth-child(2n+1) {
			margin-left:0;
		}
		.album:nth-child(2n+2) {
			margin-right:0;
		}
	}
}


/* FILTRES */

.droite #selection {
	display:none;
}
.filtres {
	z-index:900;
	text-align:right;
	vertical-align:top;
	border-right:1px solid #a39775;
}
.filtres-activation {
	z-index:950;
	height:3.2em;
	padding:0;
	background:#fbf9f2;
	border-bottom:1px solid #a39775;
}
.annulations {
	float:right;
	clear:both;
	width:100%;
	padding-right:0.8em;
}
.filtre-annule {
	display:inline;
	margin:0;
	padding:0;
}
.filtre-annule li {
	cursor:pointer;
	display:inline-block;
	position:relative;
	float:right;
	clear:both;
	font-size:0.8rem;
	font-weight:600;
	margin:0 0 0.3em 0;
	padding:0.3em 1.8em 0.3em 0.6em;
	background:#fbf9f2;
	white-space:nowrap;
	border-radius:0.2rem;
	border:1px solid #6c634d;
}
.filtre-annule li:hover {
	background:#fff;
}
.filtre-annule li svg {
	display:inline-block;
	position:absolute;
	top:0.2em;
	right:0.2em;
	width:1.6em;
	height:1.6em;
}
.icone-filtres {
	float:left;
}
.colonne .icone-filtres {
	float:right;
}
.filtres-activation .bouton {
	display:inline-block;
	float:right;
	margin:0.6em;
	background:#ffe085;
	border:1px solid #a39775;
	border-radius:3px;
	font-size:0.82rem;
	font-weight:700;
	text-decoration:none;
	text-transform:uppercase;
}
.filtres-activation .bouton:hover {
	background:#ffd35d;
}
.filtres-sections {
	width:calc(100% + 1px);
	height:calc(100% - 3.2rem);
	padding:0;
	margin:0;
	text-align:left;
	background:#fdfcf8;
	overflow-y:auto;
}
.filtres-liste {
	list-style:none;
	padding:0;
	margin:0;
}
.filtres-section {
	font-weight:500;
	font-size:0.84rem;
	text-transform:uppercase;
	box-sizing:border-box;
	padding:0 0.6em;
	border-bottom:1px solid #a39775;
}
.par-periodes .filtre-options {
	column-count:2;
}
@media only screen and (max-width:960px) {
	.par-periodes .filtre-options {
		column-count:1;
	}
}
.filtres-titre {
	display:inline-block;
	cursor:pointer;
	width:100%;
	padding:0.8em 0;
	-webkit-user-select:none;
}
.filtres-titre .icone {
	display:inline-block;
	vertical-align:top;
	width:1.2rem;
	height:1.2rem;
	margin:0 0.4em;
}
.filtre-options {
	display:none;
	list-style:none;
	padding:0.2em 0.4em 1em 1.4em;
	margin:0;
}
.ouvert .filtre-options {
	display:block;
}
.ouvert .filtres-titre .icone {
	transform:rotate(90deg);
}
.filtre-option {
	padding:0.4em 0 0.4em 0.2em;
	font-size:0.96em;
	white-space:nowrap;
	text-transform:none;
}
.filtre-option input {
	display:inline-block;
	vertical-align:top;
	cursor:pointer;
	width:1.2em;
	height:1.2em;
	margin:0 0.6em 0 0;
	background:#fff;
	border-radius:2px;
	border:1px solid #a39775;
}
.filtre-option label {
	display:inline-block;
	vertical-align:top;
	cursor:pointer;
	font-size:0.82rem;
	-webkit-user-select:none;
}
.filtre-option label:hover {
	color:#000;
}
.filtre-option .compte {
	display:inline-block;
	vertical-align:top;
	margin:0.1em 0 0 0.3em;
	font-size:0.72rem;
	-webkit-user-select:none;
}


/* ALBUM INDIVIDUEL */

.album-entete {
	box-sizing:border-box;
	position:relative;
	overflow:hidden;
	width:100%;
	padding:0.8em;
	margin:0.8em 0 1.2em;
	background:#fdfcf8;
	border:1px solid #a39775;
}
.album-entete .album-image {
	float:left;
	width:33%;
	border:1px solid #a39775;
}
.album-entete .album-description {
	float:right;
	width:66%;
}
.album-entete .album-periode,
.album-entete .album-titre,
.album-entete .album-intro {
	display:inline-block;
	width:100%;
	padding:0 0 0 0.8em;
	text-align:left;
}
.album-entete .album-titre {
	font-size:1.2rem;
	padding:0 0 0.3em 0.6em;
}
.album-entete .album-logo {
	position:relative;
	float:right;
	width:6em;
	top:0.4em;
	text-align:right;
}
.album-entete .album-logo img {
	width:100%;
	height:auto;
}
@media only screen and (max-width:640px) {
	.album-entete .album-image {
		width:100%;
		margin-bottom:0.8em;
	}
	.album-entete .album-description {
		width:100%;
	}
	.album-entete .album-periode,
	.album-entete .album-titre,
	.album-entete .album-intro {
		padding-left:0;
	}
}


/* PHOTOS */

#photos-liste {
	position:relative;
	padding-top:0.8em;
}
.photos {
	list-style:none;
	width:100%;
	margin:0;
	padding:0;
	text-align:left;
}
.photo {
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
	position:relative;
	overflow:hidden;
	width:100%;
	margin:0 0 0.8em;
	background:#fdfcf8;
	border:1px solid #a39775;
}
@media only screen and (min-width:320px) and (max-width:720px) {
	.photo {
		width:49%;
		margin-left:1%;
		margin-right:1%;
	}
	.photo:nth-child(2n+1) {
		margin-left:0;
	}
	.photo:nth-child(2n+2) {
		margin-right:0;
	}
}
@media only screen and (min-width:721px) and (max-width:1200px) {
	.photo {
		width:32%;
		margin-left:1%;
		margin-right:1%;
	}
	.photo:nth-child(3n+1) {
		margin-left:0;
	}
	.photo:nth-child(3n+3) {
		margin-right:0;
	}
}

@media only screen and (min-width:1201px) {
	.photo {
		width:23.5%;
		margin-left:1%;
		margin-right:1%;
	}
	.photo:nth-child(4n+1) {
		margin-left:0;
	}
	.photo:nth-child(4n+4) {
		margin-right:0;
	}
	
}
.album-lien,
.photo-lien {
	box-sizing:border-box;
	display:inline-block;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	padding:0.8em 0.8em;
	text-align:center;
	background:#fdfcf8;
	border-top:0.1em solid rgba(253, 252, 248, 0.6);
    background-clip:padding-box;
	-webkit-background-clip:padding-box;
}
.album-lien .bouton,
.photo-lien .bouton {
	display:inline-block;
	padding:0 0.8em;
	background:#ffe085;
	border:1px solid #a39775;
	border-radius:3px;
	font-size:0.82rem;
	font-weight:700;
	text-decoration:none;
	text-transform:uppercase;
}
.album-lien .bouton:hover,
.photo-lien .bouton:hover {
	background:#ffd35d;
}
.photo-image {
	width:100%;
	z-index:2;
	line-height:2.2;
	font-size:0.92rem;
	font-weight:600;
	white-space:nowrap;
	text-align:center;
	color:#6c634d;
	background:#fff;
}
.photo-image img {
	display:block;
	width:100%;
	height:auto;
	white-space:pre;
}
.photo-infos {
	position:absolute;
	overflow:hidden;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:-1;
	background:#fdfcf8;
}
.photo:hover .photo-infos {
	z-index:3;
}
.photo-organisation {
	box-sizing:border-box;
	display:inline-block;
	margin:0.6em 0 0;
	padding:0.2em 0.8em 0.4em;
	width:100%;
	font-weight:500;
	font-size:0.86rem;
	text-align:center;
}
.photo-titre {
	box-sizing:border-box;
	display:inline-block;
	padding:0.2em 0.8em 0;
	width:100%;
	font-weight:700;
	font-size:0.92rem;
	text-align:center;
}
.photo-description {
	box-sizing:border-box;
	display:block;
	padding:0.4em 0.8em;
	font-size:0.76rem;
	text-align:center;
}
.photo-lien {
	box-sizing:border-box;
	display:inline-block;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	padding:0.8em 0.8em;
	text-align:center;
	background:#fdfcf8;
	border-top:0.1em solid rgba(253, 252, 248, 0.6);
    background-clip:padding-box;
	-webkit-background-clip:padding-box;
}
.photo-lien .bouton {
	display:inline-block;
	padding:0 0.8em;
	background:#ffe085;
	border:1px solid #a39775;
	border-radius:3px;
	font-size:0.82rem;
	font-weight:700;
	text-decoration:none;
	text-transform:uppercase;
}
.photo-lien .bouton:hover {
	background:#ffd35d;
}
#photo .vignette .gauche {
	float:left;
	width:calc(100% - 5rem);
}
#photo .vignette .droite {
	float:right;
	width:5rem;
}
.photo-lien-organisation {
	display:inline-block;
	width:5rem;
}
.photo-lien-organisation img {
	width:100%;
	height:auto;
}

#recherches .photo.avec-termes {
	overflow:visible;
	margin-bottom:3.2em;
}
.photo-termes {
	position:absolute;
	top:100%;
	left:0;
	margin:0;
	padding:0.3em 0;
	list-style:none;
	line-height:1.2;
}
.photo-terme {
	display:inline;
	font-weight:600;
	font-size:0.82em;
	white-space:nowrap;
}
.photo-terme:not(:last-child):after {
	content: ", ";
}
.photo-terme .texte {
	white-space:normal;
}
.photo-terme .votes {
	display:inline-block;
	display:none;
	position:relative;
	bottom:0.2em;
	width:1.6em;
	height:1.6em;
	margin-right:0.2em;
	font-size:0.72em;
	font-weight:700;
	line-height:1.4;
	text-align:center;
	background:#fff;
	border:1px solid #cbc1a6;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
}


/* PHOTOS INDIVIDUELLES */

.photo-navigation .centre {
	position:relative;
	max-width:1200px;
	min-height:2rem;
	margin:0 auto;
	overflow:hidden;
}
.photo-navigation a,
.photo-navigation a:active {
	display:inline-block;
	width:100%;
	height:100%;
	padding:0 3%;
	outline:none;
	text-decoration:none;
	white-space:nowrap;
}
.photo-navigation a:hover {
	background:#fff;
}
.photo-navigation .texte {
	display:inline-block;
	vertical-align:middle;
	height:2rem;
	line-height:2rem;
	font-size:0.76em;
	font-weight:600;
	text-transform:uppercase;
}
.photo-navigation svg {
	width:1.4em;
	height:1.4em;
	margin:0.3em 0;
	vertical-align:middle;
}
.photo-suivante,
.photo-precedente {
	display:inline-block;
	position:relative;
	overflow:hidden;
	width:30%;
	height:100%;
	border-left:1px solid #cbc1a6;
	border-right:1px solid #cbc1a6;
}
.photo-suivante {
	float:right;
	text-align:right;
	z-index:3;
}
.photo-precedente {
	float:left;
	text-align:left;
	z-index:2;
}
#albums .photo-suivante,
#albums .photo-precedente,
#photos .photo-suivante,
#photos .photo-precedente {
	width:33%;
}
@media only screen and (max-width:1300px) {
	.filtres-on .photo-suivante {
		border-right:none;
	}
	.filtres-on .photo-precedente {
		border-left:none;
	}
}
@media only screen and (min-width:640px) and (max-width:840px) {
	#albums.filtres-on .droite .photo-suivante .texte .optionnel,
	#albums.filtres-on .droite .photo-precedente .texte .optionnel,
	#photos.filtres-on .droite .photo-suivante .texte .optionnel,
	#photos.filtres-on .droite .photo-precedente .texte .optionnel {
		display:none;
	}
}
@media only screen and (max-width:560px) {
	.photo-suivante .texte .optionnel,
	.photo-precedente .texte .optionnel {
		display:none;
	}
}
@media only screen and (max-width:420px) {
	#albums .photo-suivante,
	#albums .photo-precedente,
	#photos .photo-suivante,
	#photos .photo-precedente {
		width:30%;
	}
	.photo-suivante .texte,
	.photo-precedente .texte {
		display:none;
	}
}
.photo-courante {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	text-align:center;
}


/* ACTIONS */

.photo-actions {
	position:relative;
	top:3.2rem;
	width:100%;
	height:0;
	overflow:visible;
	text-align:center;
}
.photo-actions .centre {
	display:inline-block;
	max-width:82%;
}
.onglets {
	display:inline-block;
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
}
.onglet {
	display:inline-block;
	position:relative;
}
.onglet.observer,
.onglet span.mobile {
	display:none;
}
.onglet a {
	display:block;
	height:2.4rem;
	line-height:2.4rem;
	margin:0 0.12rem 0.32rem;
	padding:0 0.8em;
	font-weight:600;
	font-size:0.82rem;
	letter-spacing:0.02em;
	text-decoration:none;
	text-transform:uppercase;
	user-select:none;
	-ms-user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	background:#f6f2e9;
	border:1px solid #a39775;
	border-radius:0.4rem;
}
.onglet a:hover {
	background:#fff;
}
.onglet.actif a {
	color:#fff;
	background:#2a271f;
	border:1px solid #2a271f;
	
}
.onglet.suivant,
.onglet.precedent {
	display:none;
}


/*
@media only screen and (max-width:380px) {
	.onglet span.mobile {
		display:none;
	}
}
*/


/* CADRE ET ZOOM */

.cadre {
	position:absolute;
	overflow:hidden;
	z-index:-1;
	top:2rem;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	background-size:contain;
	background-color:#262520;
	background-position:center;
	background-repeat:no-repeat;
}
.cadre.fixe {
	background-position:top center;
}
.refermer,
.refermer a {
	display:inline-block;
	position:absolute;
	cursor:hand;
	top:0; right:0; bottom:0; left:0;
}
.frame {
	position:fixed;
	overflow:hidden;
	top:5.2rem; right:0; bottom:0; left:0;
}
.frame .pan {
	cursor:grab;
}
.slider {
	position:absolute;
	cursor:pointer;
	top:0;
	right:0;
	bottom:0;
	width:32px;
	background:#191814;
	border-left:1px solid #49422e;
}
.marker {
	position:absolute;
	width:32px;
	font-size:0.72rem;
	text-align:center;
	background:#ffe085;
}
.marker:hover,
.slider:hover .marker {
	background:#ffd35d;
}
.marker.on,
.frame .image.on {
	cursor:grabbing;
}
.marker svg {
	height:28px;
	width:32px;
	fill:#523735;
}
.marker span {
	display:none;
	position:absolute;
	top:-0.2rem;
	right:120%;
	padding:0.2rem 0.4rem;
	background:#fbf9f2;
	border:1px solid #a39775;
	border-radius:0.2rem;
	letter-spacing:0.02rem;
}
.marker.on span,
.marker:hover span {
	display:block;
}


/* PANNEAUX D'ACTION */

.espace-action {
	position:absolute;
	overflow:hidden;
	top:9.2rem;
	bottom:0;
	left:0;
	right:0;
	width:100%;
}
.panneau {
	position:absolute;
	max-height:100%;
	overflow-y:auto;
	bottom:0;
	left:0;
	right:0;
	padding:0 1.6em;
	/* background:#fdfcf8; / rgba(253, 252, 248, 0.96); */
	background-image:linear-gradient(to bottom, rgba(253, 252, 248, 0.82), rgba(253, 252, 248, 0.96), rgba(253, 252, 248, 0.99), rgba(253, 252, 248, 1));
	border-top:1px solid #a39775;
}
.panneau .centre {
	position:relative;
	overflow:hidden;
	max-width:900px;
	margin:0 auto;
	padding-bottom:1.2rem;
}
.fermeture {
	display:inline-block;
	width:100%;
	height:2rem;
	overflow:hidden;
	text-align:center;
}
.fermeture svg {
	display:inline-block;
	height:2rem;
	width:2rem;
}
.question {
	display:inline-block;
	min-width:100%;
	margin:0 0 0.3rem;
	font-size:1.2rem;
	font-weight:700;
	line-height:1.2;
}
.instructions {
	display:inline-block;
	width:100%;
	margin-bottom:1em;
	font-size:0.86em;
	font-weight:400;
	line-height:1.3;
}
.instructions a {
	font-weight:600;
}
.instructions a.obligatoire {
	display:inline-block;
	margin:0.32em 0.12em 0;
	padding:0.12em 0.4em 0.24em;
	font-weight:600;
	text-decoration:none;
	background:#ffe085;
	border-radius:0.3rem;
	border:1px solid #a39775;
}
.instructions a.obligatoire:hover {
	background:#ffd35d;
}
.selecteur {
	margin:0 0 0.8em;
}
.selecteur.off .section {
	opacity:0.72;
	cursor:not-allowed;
}
.selecteur.off .champ {
	cursor:not-allowed;
}
.selecteur.off .bouton:hover {
	cursor:not-allowed;
	background-color:#ffe085;
}
.selecteur.off .bouton.mode:hover {
	background:#f6f2e9;
}
.selecteur.off .bouton.mode.on:hover {
	background:#d7f74a;
}
.etiquette {
	display:inline-block;
	margin:0 1.2em 1em 0;
	padding:0 0 0 0.8em;
	height:2.2rem;
	line-height:2.2rem;
	font-size:0.82rem;
	font-weight:700;
	white-space:nowrap;
	background:#f6f2e9;
	border:1px solid #a39775;
	border-radius:0.2em;
	-moz-border-radius:0.2em;
	-webkit-border-radius:0.2em;
    user-select:none; 
    -ms-user-select:none;
    -moz-user-select:none;
	-webkit-user-select:none;
}
.etiquette-mot {
	display:inline-block;
	padding-right:0.3rem;
}
.categoriser .etiquette-mot {
	min-width:12rem;
}

.etiquette .compte {
	display:inline-block;
	min-width:2.2rem;
	height:100%;
	margin:0 0 0 0.4em;
	padding:0;
	font-weight:400;
	text-align:center;
	vertical-align:center;
	background:#fff;
	border-left:1px solid #a39775;
}
.selecteur.on .etiquette {
	cursor:pointer;
}
.selecteur.on .etiquette:hover,
.selecteur.on .etiquette.on:hover {
	background:#fbf9f2;
}
.etiquette.on .compte {
	background:#d7f74a;
	font-weight:700;
}

.section {
	margin-bottom:0.4em;
}
.section .bouton {
	vertical-align:top;
}
.champ {
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
	display:inline-block;
	vertical-align:middle;
	width:12em;
	margin:0 0 0.8em 0;
	padding:0 0.8em;
	height:2.6em;
	line-height:2.6em;
	background:#fff;
	border:1px solid #a39775;
	border-radius:0.2em;
	-moz-border-radius:0.2em;
	-webkit-border-radius:0.2em;
}
.champ.mot {
	width:12em;
	margin-right:0.6em;
}




.bloc {
	display:inline-block;
	vertical-align:top;
	position:relative;
	margin:0 1.8em 0.8em 0;
	padding:1.4em 0 0;
	border:0;
}
.bloc.modes {
	white-space:nowrap;
}
.bloc .groupe {
	position:absolute;
	top:0;
	left:0;
	font-size:0.76em;
	font-weight:600;
	text-transform:uppercase;
}
.circa {
	text-transform:none;
	font-weight:600;
	letter-spacing:0.06em;
}



.champsdate {
	display:inline-block;
	margin:0 1.2em 0 0;
	padding:0;
	border:0;
}
.champsdate .champ {
	display:inline-block;
}

.champsdate input[type="text"].annee {
	width:4.2em;
	text-align:center;
}
.champsdate input[type="text"].mois {
	width:3.2em;
	text-align:center;
}
.champsdate input[type="text"].jour {
	width:3.2em;
	text-align:center;
}
.case {
	display:inline-block;
	margin:0 0.6em 0 0;
	border-bottom:2px solid rgba(255,255,255,0);
}
.case:hover {
	z-index:100;
}
.case.erreur {
	position:relative;
	overflow:visible;
	border-bottom:2px solid #c01200;
}
.message {
	display:none;
	position:absolute;
	color:#c01200;
    top:2.6em;
    left:-0.2em;
	padding:4px 8px;
	font-size:0.76em;
	font-style:italic;
    font-weight:600;
    white-space:nowrap;
    background:#fff;
    border:1px solid #ccc;
	border-radius:0.1em;
	-moz-border-radius:0.1em;
	-webkit-border-radius:0.1em;
}
.erreur:hover > .message {
	display:inline-block;
}


/* ---------------------------------------- | DATER |		*/

.mode {
	margin:0;
	border-right:0;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
	background:#f6f2e9;
}
.bouton.mode:hover {
	background:#fbf9f2;
}
.bouton.mode.on {
	background:#d7f74a;
}
.mode:nth-child(2) {
	border-top-left-radius:0.2em;
	border-bottom-left-radius:0.2em;
	-moz-border-radius-top-left:0.2em;
	-moz-border-radius-bottom-left:0.2em;
	-webkit-border-top-left-radius:0.2em;
	-webkit-border-bottom-left-radius:0.2em;
}
.mode:last-child {
	border-right:1px solid #a39775;
	border-top-right-radius:0.2em;
	border-bottom-right-radius:0.2em;
	-moz-border-radius-topright:0.2em;
	-moz-border-radius-bottomright:0.2em;
	-webkit-border-top-right-radius:0.2em;
	-webkit-border-bottom-right-radius:0.2em;
}


/* ---------------------------------------- | SITUER |		*/

#carte {
	height:320px;
	min-height:50vh;
	border:1px solid #a39775;
}
.selecteur.off #carte {
	cursor:not-allowed;
}
.options {
	position:relative;
	overflow:hidden;
	width:100%;
	border:1px solid #a39775;
	border-bottom:0;
	box-sizing:border-box;
	background-color:#f6f2e9;
	border-top-left-radius:0.2em;
	border-top-right-radius:0.2em;
	-moz-border-radius-topleft:0.2em;
	-moz-border-radius-topright:0.2em;
	-webkit-border-top-left-radius:0.2em;
	-webkit-border-top-right-radius:0.2em;
}
.options .droite {
	display:inline-block;
	float:right;
}
.options .gauche {
	display:inline-block;
	float:left;
}
.options .bouton {
	display:inline-block;
	height:2.8rem;
	line-height:2.8rem;
	margin:0;
	padding:0 1.2rem;
	font-size:0.76rem;
	border:0;
	border-radius:0;
	background-color:#f6f2e9;
	background-size:60%;
	background-position:center;
	background-repeat:no-repeat;
}
.options .bouton:hover {
	background-color:#fbf9f2;
}
.selecteur.off .options .bouton:hover {
	background-color:#f6f2e9;
}
.options .origine {
	padding-left:2.6rem;
	background-color:#f6f2e9;
	background-size:contain;
	background-position:top left;
	background-repeat:no-repeat;
	background-image:url('images/origine.png');
	border-right:1px solid #cbc1a6;
}
.options .modeplan,
.options .modesatellite,
.options .horaire,
.options .antihoraire {
	padding-right:2.6rem;
	background-color:#f6f2e9;
	background-size:contain;
	background-position:top right;
	background-repeat:no-repeat;
	border-left:1px solid #cbc1a6;
}
.options .modesatellite { background-image:url('images/satellite.png'); }
.options .modeplan { background-image:url('images/plan.png'); }
.options .horaire { background-image:url('images/horaire.png'); }
.options .antihoraire{ background-image:url('images/antihoraire.png'); }

.options .modeplan,
.options .modesatellite {
	display:inline-block;
}
.options .modeplan.on,
.options .modesatellite.on {
	display:none;
}


/* ---------------------------------------- | TÉMOIGNER |		*/

.contribuer,
.contribution {
	position:relative;
}
.commentaire_texte {
	position:relative;
	padding:0.8rem 0 0;
	margin-right:120px;
	border-bottom:1px solid #a39775;
}
.contribuer .commentaire_texte {
	padding-top:0;
}
.contribution:last-child .commentaire_texte {
	border-bottom:0;
}
.commentaire {
	resize:none;
	min-height:1.2rem;
	width:calc(100% - 1.6rem);
	margin:0 0 0.8rem;
	padding:0.4rem 0.8rem 0.6rem;
	border:0;
	background:none;
	color:#523735;
	font-size:0.9rem;
	font-family:'Muli', 'Helvetica', sans-serif;
	border-radius:0.2em;
	-moz-border-radius:0.2em;
	-webkit-border-radius:0.2em;
	border:1px solid rgba(255,255,255,0);
}
.contribuer .commentaire {
	margin-bottom:1.6rem;
}
textarea.commentaire {
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
	background:#fff;
	box-sizing:content-box;
	border:1px solid #a39775;
}
.selecteur.off textarea.commentaire {
	cursor:not-allowed;
}
textarea.commentaire::placeholder {
	opacity:0.8;
	color:#6c634d;
	font-size:0.9rem;
	font-style:italic;
}
.contribution .auteur {
	display:inline-block;
	width:100%;
	padding-bottom:1.2rem;
}
.contribution .nom {
	display:inline-block;
	float:left;
	margin-left:0.8rem;
	font-size:0.9rem;
	font-weight:600;
}
.contribution .date {
	display:inline-block;
	float:right;
	margin-right:0.8rem;
	color:#a39775;
	font-size:0.72rem;
	font-style:italic;
}
.actions {
	position:absolute;
	top:0.8rem;
	right:0;
}
.contribuer .actions {
	top:0;
}
.action.retirer,
.action.reviser,
.action.publier {
	cursor:pointer;
	text-align:right;
	height:1.6rem;
	line-height:1.6rem;
	margin:0 0 0.2rem;
	padding-right:1.8rem;
	color:#6c634d;
	font-size:0.8rem;
	font-weight:700;
	text-transform:uppercase;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:top right;
}
.action.retirer {
	background-image:url('images/retirer-action.png');
}
.action.reviser {
	background-image:url('images/reviser-action.png');
}
.action.publier {
	background-image:url('images/publier-action.png');
}
.action.publier.bouton {
	position:relative;
	top:2rem;
	min-height:1.8rem;
}
.informations .bouton-infos {
	position:absolute;
	cursor:pointer;
	top:3.2rem;
	right:1.2rem;
	width:28px;
	height:28px;
	background:#ffe085;
	border:1px solid #a39775;
	border-radius:50%;
}
.bouton-infos svg {
	width:100%;
	height:auto;
	fill:#523735;
}
.bouton-infos:hover {
	background:#ffd35d;
}
.bouton-infos:hover svg{
	fill:#000;
}
.informations .vignette {
	position:absolute;
	cursor:pointer;
	display:none;
	top:6.2rem;
	right:1.2rem;
	width:90%;
	max-width:32rem;
	padding:0.8em;
	text-align:left;
	background-image:linear-gradient(to bottom, rgba(253, 252, 248, 0.98), rgba(253, 252, 248, 0.92));
	border:1px solid #a39775;
	border-radius:0.2rem;
}
.informations .pine-depine {
	position:absolute;
	top:0.4em;
	right:0.2em;
}
.informations .pine-depine svg {
	width:2em;
	height:2em;
}
.informations .pine,
.informations.on .depine {
	display:none;
}
.informations .depine,
.informations.on .pine {
	display:none;
	/*display:inline-block;*/
}
.observer .informations .bouton-infos,
.observer .informations .vignette {
	right:2.8rem;
}
.informations.on .vignette,
.informations:hover .vignette{
	display:inline-block;
}
.informations.on .bouton-infos,
.informations:hover .bouton-infos {
	/*display:none;*/
}
.vignette .fermer {
	position:absolute;
	cursor:pointer;
	top:0;
	right:0;
}
.vignette .fermer svg {
	fill:#523735;
	width:1.6rem;
	height:1.6rem;
}
.vignette .photo-titre {
	padding:0 1.2em 0.2em 0;
	text-align:left;
	font-size:1.12rem;
}
.vignette .photo-description {
	padding:0 0 0.8em;
	text-align:left;
	font-size:0.88rem;
}
.vignette .photo-auteur {
	padding:0 0 0.2em;
	font-size:0.92em;
	font-weight:700;
}
.vignette .photo-provenance,
.vignette .photo-droits {
	padding:0.2em 0 0;
	font-size:0.82em;
}


/* PAGE À PROPOS */

.a-propos-navigation {
	white-space:nowrap;
	overflow:hidden;
	position:fixed;
	z-index:100;
	top:3.2em;
	left:0;
	right:0;
	width:100%;
	min-height:2rem;
	background:#f6f2e9;
	border-bottom:1px solid #a39775;
}
.a-propos-navigation .centre {
	position:relative;
	max-width:640px;
	min-height:2rem;
	margin:0 auto;
	overflow:hidden;
}
.a-propos-navigation .lien-section {
	display:inline-block;
}
.a-propos-navigation a,
.a-propos-navigation a:active {
	display:inline-block;
	width:100%;
	height:100%;
	padding:0 0.8em;
	outline:none;
	text-decoration:none;
	white-space:nowrap;
	border-left:1px solid #f6f2e9;
	border-right:1px solid #f6f2e9;
}
.a-propos-navigation a:hover {
	background:#fbf9f2;
	border-left:1px solid #cbc1a6;
	border-right:1px solid #cbc1a6;
}
.a-propos-navigation .texte {
	display:inline-block;
	vertical-align:middle;
	height:2rem;
	line-height:2rem;
	font-size:0.76em;
	font-weight:600;
	text-transform:uppercase;
}
#a-propos .marges {
	max-width:640px;
	margin:0 auto;
}
#a-propos .section-contenu {
	padding:4.2em 0 0;
}
#a-propos .section-contenu:last-child {
	padding-bottom:6.4em;
}
#a-propos .sous-section {
	margin:0 0 1.6em 3.2em;
}
#a-propos h2 {
	margin:0 0 0.4em;
}
#a-propos h2 .chronoscope {
	font-weight:800;
}
#a-propos h3 {
	margin:0.8em 0 0.4em;
}
#a-propos p {
	margin:0 0 1.6em;
}
#a-propos p a {
	font-weight:600;
	text-decoration:none;
}
#a-propos p a:hover {
	text-decoration:underline;
}
#a-propos .sous-section p {
	font-size:0.96em;
}
#a-propos .partenaires {
	display:block;
	overflow:hidden;
	width:100%;
}
.partenaires a {
	display:inline-block;
	overflow:hidden;
	height:4.6em;
	width:6.9em;
	margin-right:1.2em;
	background-size:100%;
	background-repeat:no-repeat;
}
#a-propos .partenaires.principaux a {
	background-size:80%;
	height:8em;
	width:12em;
	margin-right:2.4em;
}
#a-propos .partenaires a .texte {
	display:none;
}
.partenaires a.enap,
#a-propos .partenaires.principaux a.enap {
	background-size:100%;
	background-image:url("ressources/logos/enap.png");
}
.partenaires a.quebec { background-image:url("ressources/logos/quebec.png"); }
.partenaires a.banq { background-image:url("ressources/logos/banq.png"); }
.partenaires a.gatineau { background-image:url("ressources/logos/gatineau.png"); }
.partenaires a.assemblee { background-image:url("ressources/logos/assemblee.png"); }
.partenaires a.augustines { background-image:url("ressources/logos/augustines.png"); }
.partenaires a.boisfrancs { background-image:url("ressources/logos/boisfrancs.png"); }
.partenaires a.crccf { background-image:url("ressources/logos/crccf.png"); }
.partenaires a.ilotfleurie { background-image:url("ressources/logos/ilotfleurie.png"); }
.partenaires a.lesoleil { background-image:url("ressources/logos/lesoleil.png"); }
.partenaires a.mcgill { background-image:url("ressources/logos/mcgill.png"); }
.partenaires a.montreal { background-image:url("ressources/logos/montreal.png"); }

#a-propos a.document {
	margin-bottom:1.2em;
}
a.document {
	display:inline-block;
	position:relative;
	min-height:2em;
	max-width:460px;
}
a.document svg {
	position:absolute;
	top:0.2em;
	left:0;
	width:2em;
	height:2em;
	fill:#523735;
}
a.document .texte {
	display:inline-block;
	text-decoration:none;
	min-height:2em;
	padding-left:2.6em;
	font-size:0.92em;
	font-weight:600;
}
a.document:hover svg {
	fill:#000;
}
a.document:hover .texte {
	text-decoration:underline;
}

#a-propos .bio {
	position:relative;
	padding-left:8.4em;
	margin-bottom:2.4em;
}
.bio span.nom {
	display:inline-block;
	font-size:1.2em;
	font-weight:700;
	white-space:nowrap;
}
.bio .linkedin {
	display:inline-block;
	margin-left:0.4em;
}
.bio .linkedin svg {
	width:1.2em;
	height:1.2em;
}
.bio span.courriel {
	display:inline-block;
	width:100%;
}
.bio span.courriel a {
	display:inline-block;
	font-size:0.92em;
	padding:0.2em 0 0.6em;
}
.bio span.texte {
	font-size:0.96em;
}
#a-propos .bio .bio-portrait {
	display:inline-block;
	position:absolute;
	top:0.2em;
	left:0;
	width:6.4em;
	height:6.4em;
	border-radius:50%;
	border:1px solid #cbc1a6;
	background-size:cover;
	background-repeat:no-repeat;
}
#a-propos .bio.christian .bio-portrait { background-image:url("ressources/portraits/christian-boudreau.jpg"); }
#a-propos .bio.louis-pascal .bio-portrait { background-image:url("ressources/portraits/louis-pascal-rousseau.jpg"); }
#a-propos .bio.jerome .bio-portrait { background-image:url("ressources/portraits/jerome-begin.jpg"); }
#a-propos .bio.david .bio-portrait { background-image:url("ressources/portraits/david-camirand.jpg"); }
#a-propos .bio.myriam .bio-portrait { background-image:url("ressources/portraits/myriam-claveau.jpg"); }
#a-propos .bio.olivier .bio-portrait { background-image:url("ressources/portraits/olivier-larochelle.jpg"); }
#a-propos .developpement {
	position:absolute;
	right:1.2em;
	bottom:1.6em;
	font-size:0.8em
}
#a-propos .remerciements {
	font-size:0.96em;
}
#a-propos .developpement a.oriole-studio {
	font-weight:700;
	text-decoration:none;
}
#a-propos .developpement a.oriole-studio:hover {
	text-decoration:underline;
}
@media only screen and (max-width:720px) {
	#a-propos .sous-section {
		margin-left:1.2em;
	}
}
@media only screen and (max-width:480px) {
	#a-propos .bio {
		padding-left:0;
	}
	#a-propos .bio .bio-portrait {
		position:relative;
		width:4.8em;
		height:4.8em;
	}
}